/*logo*/
.logo{position: absolute;bottom: 7.2%;left: 32.2%;}
.logo1{position: absolute;bottom: 3.5%;left: 35.8%;}
/*最后一页*/
.my1{position: absolute;top:16.5% ;left: 0;}
.my2{position: absolute;bottom: 23.2%;left: 26%;width: 48%;visibility: hidden;}
.page-current .my2{animation: my2 1s linear 0s both;-webkit-animation: my2 1s linear 0s both;-moz-animation: my2 1s linear 0s both;-o-animation: my2 1s linear 0s both;}
.my2-1{position: absolute;top: 0;left: 0;}
.my2-2{position: absolute;top: 0;left: 0;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}

@keyframes my2{
	0%   {bottom: 14.2%;opacity: 0;visibility: hidden;}
	100% {bottom: 24.2%;opacity: 1;visibility: visible;}
}

@-moz-keyframes my2 /* Firefox */{
	0%   {bottom: 14.2%;opacity: 0;visibility: hidden;}
	100% {bottom: 24.2%;opacity: 1;visibility: visible;}
}

@-webkit-keyframes my2 /* Safari 和 Chrome */{
	0%   {bottom: 14.2%;opacity: 0;visibility: hidden;}
	100% {bottom: 24.2%;opacity: 1;visibility: visible;}
}

@-o-keyframes my2 /* Opera */{
	0%   {bottom: 14.2%;opacity: 0;visibility: hidden;}
	100% {bottom: 24.2%;opacity: 1;visibility: visible;}
}

/*音乐*/
.musicBtn {position: fixed;top: 3%;right: 2%;width: 30px;height: 30px;z-index: 99;}
/*首页-星空*/
.star1{position: absolute;top: 0;left: 0;opacity: 1;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
.star2{position: absolute;top: 0;left: 0;opacity: 0;animation: star2 1s linear 0s infinite alternate;}
@keyframes star1{
	0%   {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes star1 /* Firefox */{
	0%   {opacity: 1;}
	100% {opacity: 0;}
}

@-webkit-keyframes star1 /* Safari 和 Chrome */{
	0%   {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes star1 /* Opera */{
	0%   {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes star2{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes star2 /* Firefox */{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes star2 /* Safari 和 Chrome */{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes star2 /* Opera */{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

/*首页-*/
.page-current .f1-1{ position:absolute;top:12%;left:0;animation: f1-1 1.5s linear 0s;-webkit-animation: f1-1 1.5s linear 0s;-moz-animation: f1-1 1.5s linear 0s;-o-animation: f1-1 1.5s linear 0s;}
@keyframes f1-1{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
}
@-moz-keyframes f1-1 /* Firefox */{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
}

@-webkit-keyframes f1-1 /* Safari 和 Chrome */{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
}

@-o-keyframes f1-1 /* Opera */{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
}

.f1-2{ position:absolute;top:32%;left:0%;}
.page-current .f1-2{animation: f1-2 1.5s linear 0s both;-webkit-animation: f1-2 1.5s linear 0s both;-moz-animation: f1-2 1.5s linear 0s both;-o-animation: f1-2 1.5s linear 0s both;}
	@keyframes f1-2{
		0%   {top: 50%;opacity: 0;}
		70%  {top: 50%;opacity: 0;}
		100% {top: 32%;opacity: 1;}
	}
	@-moz-keyframes f1-2 /* Firefox */{
		0%   {top: 50%;opacity: 0;}
		70%  {top: 50%;opacity: 0;}
		100% {top: 32%;opacity: 1;}
	}
	@-webkit-keyframes f1-2 /* Safari 和 Chrome */{
		0%   {top: 50%;opacity: 0;}
		70%  {top: 50%;opacity: 0;}
		100% {top: 32%;opacity: 1;}
	}
	
	@-o-keyframes f1-2 /* Opera */{
		0%   {top: 50%;opacity: 0;}
		70%  {top: 50%;opacity: 0;}
		100% {top: 32%;opacity: 1;}
	}

.page-current .f1-3{position: absolute;top:10.3%;left: 60%;animation: f1-3 2s linear 0s;-webkit-animation: f1-3 2s linear 0s;-moz-animation: f1-3 2s linear 0s;-o-animation: f1-3 2s linear 0s;}
@keyframes f1-3{
	0%   {top: 28.7%;left:100%;}
	80%  {top: 28.7%;left:100%;}
	100% {top: 10.3%;left: 60%;}
}
@-moz-keyframes f1-3 /* Firefox */{
	0%   {top: 28.7%;left:100%;}
	80%  {top: 28.7%;left:100%;}
	100% {top: 10.3%;left: 60%;}
}
@-webkit-keyframes f1-3 /* Safari 和 Chrome */{
	0%   {top: 28.7%;left:100%;}
	80%  {top: 28.7%;left:100%;}
	100% {top: 10.3%;left: 60%;}
}

@-o-keyframes f1-3 /* Opera */{
	0%   {top: 28.7%;left:100%;}
	80%  {top: 28.7%;left:100%;}
	100% {top: 10.3%;left: 60%;}
}

.page-current .f1-4{height: auto;width: 50.9%;position: absolute;bottom:17.5% ;left: 24.5%;animation: f1-4 2s linear 0s;-webkit-animation: f1-4 2s linear 0s;-moz-animation: f1-4 2s linear 0s;-o-animation: f1-4 2s linear 0s;}
.f1-4-1{position: absolute;bottom:0% ;left: 0%;float: left;}
.f1-4-2{position: absolute;bottom:0% ;left: 0%;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
@keyframes f1-4{
	0%   {bottom: 10%;left:24.5%;opacity: 0;}
	80%  {bottom: 10%;left:24.5%;opacity: 0;}
	100% {bottom: 17.5%;left: 24.5%;opacity: 1;}
}
@-moz-keyframes f1-4 /* Firefox */{
	0%   {bottom: 10%;left:24.5%;opacity: 0;}
	80%  {bottom: 10%;left:24.5%;opacity: 0;}
	100% {bottom: 17.5%;left: 24.5%;opacity: 1;}
}
@-webkit-keyframes f1-4 /* Safari 和 Chrome */{
	0%   {bottom: 10%;left:24.5%;opacity: 0;}
	80%  {bottom: 10%;left:24.5%;opacity: 0;}
	100% {bottom: 17.5%;left: 24.5%;opacity: 1;}
}
@-o-keyframes f1-4 /* Opera */{
	0%   {bottom: 10%;left:24.5%;opacity: 0;}
	80%  {bottom: 10%;left:24.5%;opacity: 0;}
	100% {bottom: 17.5%;left: 24.5%;opacity: 1;}
}
@media (min-width: 320px) and (max-height: 416px) {
	.page-current .f1-1{ position:absolute;top:0%;left:0;animation: f1-1 1.5s linear 0s;-webkit-animation: f1-1 1.5s linear 0s;-moz-animation: f1-1 1.5s linear 0s;-o-animation: f1-1 1.5s linear 0s;}
	@keyframes f1-1{
		0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
		100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
	}
	@-moz-keyframes f1-1 /* Firefox */{
		0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
		100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
	}
	
	@-webkit-keyframes f1-1 /* Safari 和 Chrome */{
		0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
		100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
	}
	
	@-o-keyframes f1-1 /* Opera */{
		0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
		100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
	}
	
	.f1-2{ position:absolute;top:25%;left:0%;opacity: 0;}
	.page-current .f1-2{animation: f1-2 1.5s linear 0s both;-webkit-animation: f1-2 1.5s linear 0s both;-moz-animation: f1-2 1.5s linear 0s both;-o-animation: f1-2 1.5s linear 0s both;}
	@keyframes f1-2{
		0%   {top: 35%;opacity: 0;}
		70%  {top: 35%;opacity: 0;}
		100% {top: 25%;opacity: 1;}
	}
	@-moz-keyframes f1-2 /* Firefox */{
		0%   {top: 35%;opacity: 0;}
		70%  {top: 35%;opacity: 0;}
		100% {top: 25%;opacity: 1;}
	}
	@-webkit-keyframes f1-2 /* Safari 和 Chrome */{
		0%   {top: 35%;opacity: 0;}
		70%  {top: 35%;opacity: 0;}
		100% {top: 25%;opacity: 1;}
	}
	
	@-o-keyframes f1-2 /* Opera */{
		0%   {top: 35%;opacity: 0;}
		70%  {top: 35%;opacity: 0;}
		100% {top: 25%;opacity: 1;}
	}
	
	.page-current .f1-3{position: absolute;top:5.3%;left: 70%;animation: f1-3 2s linear 0s;-webkit-animation: f1-3 2s linear 0s;-moz-animation: f1-3 2s linear 0s;-o-animation: f1-3 2s linear 0s;}
	@keyframes f1-3{
		0%   {top: 18.7%;left:100%;}
		80%  {top: 18.7%;left:100%;}
		100% {top: 5.3%;left: 70%;}
	}
	@-moz-keyframes f1-3 /* Firefox */{
		0%   {top: 18.7%;left:100%;}
		80%  {top: 18.7%;left:100%;}
		100% {top: 5.3%;left: 70%;}
	}
	@-webkit-keyframes f1-3 /* Safari 和 Chrome */{
		0%   {top: 18.7%;left:100%;}
		80%  {top: 18.7%;left:100%;}
		100% {top: 5.3%;left: 70%;}
	}
	
	@-o-keyframes f1-3 /* Opera */{
		0%   {top: 18.7%;left:100%;}
		80%  {top: 18.7%;left:100%;}
		100% {top: 5.3%;left: 70%;}
	}
	
	.page-current .f1-4{width: 50.9%;position: absolute;bottom:17.5% ;left: 24.5%;animation: f1-4 2s linear 0s;-webkit-animation: f1-4 2s linear 0s;-moz-animation: f1-4 2s linear 0s;-o-animation: f1-4 2s linear 0s;}
	.f1-4-1{position: absolute;bottom:0% ;left: 0%;}
	.f1-4-2{position: absolute;bottom:0% ;left: 0%;opacity: 1;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
	@keyframes f1-4{
		0%   {bottom: 10%;left:24.5%;opacity: 0;}
		80%  {bottom: 10%;left:24.5%;opacity: 0;}
		100% {bottom: 17.5%;left: 24.5%;opacity: 1;}
	}
	@-moz-keyframes f1-4 /* Firefox */{
		0%   {bottom: 10%;left:24.5%;opacity: 0;}
		80%  {bottom: 10%;left:24.5%;opacity: 0;}
		100% {bottom: 17.5%;left: 24.5%;opacity: 1;}
	}
	@-webkit-keyframes f1-4 /* Safari 和 Chrome */{
		0%   {bottom: 10%;left:24.5%;opacity: 0;}
		80%  {bottom: 10%;left:24.5%;opacity: 0;}
		100% {bottom: 17.5%;left: 24.5%;opacity: 1;}
	}
	@-o-keyframes f1-4 /* Opera */{
		0%   {bottom: 10%;left:24.5%;opacity: 0;}
		80%  {bottom: 10%;left:24.5%;opacity: 0;}
		100% {bottom: 17.5%;left: 24.5%;opacity: 1;}
	}
}
/*第二页*/
.f2-1{position: absolute;top: 3.7%;left: 18.8%;width: 62.4%;opacity: 0;}
.page-current .f2-1{animation: f2-1 1s linear 0s both;-webkit-animation: f2-1 1s linear 0s both;-moz-animation: f2-1 1s linear 0s both;-o-animation: f2-1 1s linear 0s both;}
.f2-1-1{position: absolute;top: 0;left: 0;}
.f2-1-2{position: absolute;top: 0;left: 0;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
@keyframes f2-1{
	0%   {top: 8%;opacity: 0;}
	100% {top: 3.7%;opacity: 1;}
}
@-moz-keyframes f2-1 /* Firefox */{
	0%   {top: 8%;opacity: 0;}
	100% {top: 3.7%;opacity: 1;}
}
@-webkit-keyframes f2-1 /* Safari 和 Chrome */{
	0%   {top: 8%;opacity: 0;}
	100% {top: 3.7%;opacity: 1;}
}
@-o-keyframes f2-1 /* Opera */{
	0%   {top: 8%;opacity: 0;}
	100% {top: 3.7%;opacity: 1;}
}

.f2-2{position: absolute;top: 12.4%;left: 26.6%;opacity: 0; width:20%;background:#ffcb7d;height: auto;border-radius: 50%;overflow: hidden;}
.f2-3{position: absolute;top: 15%;left: 47.2%;opacity: 0; width:28%;background:#60cda6;height: auto;border-radius: 50%;overflow: hidden;}
.f2-4{position: absolute;top: 31.3%;left: 67.8%;opacity: 0; width:17.2%;background:#bc905f;height: auto;border-radius: 50%;overflow: hidden;}
.f2-5{position: absolute;top: 42.2%;left: 51.7%;opacity: 0; width:30.9%;background:#50c5e6;height: auto;border-radius: 50%;overflow: hidden;}
.f2-6{position: absolute;top: 57.7%;left: 34.5%;opacity: 0; width:23.3%;background:#f2ca09;height: auto;border-radius: 50%;overflow: hidden;} 
.f2-7{position: absolute;top: 55.4%;left: 19%;opacity: 0; width:15.2%;background:#c58ed2;height: auto;border-radius: 50%;overflow: hidden;}
.f2-8{position: absolute;top: 26.7%;left: 13.3%;opacity: 0; width:42.1%;background:#ee614d;height: auto;border-radius: 50%;overflow: hidden;}
.f2-9{position: absolute;bottom: 14%;left: 0;opacity: 0;}
.f2-10{position: absolute;bottom: 23%;right: 40%;opacity: 0;}
@keyframes f2-2{
	0%   {opacity: 0;transform: scale(0, 0);}
	50%  {transform: scale(1.2, 1.2);}
	100% {opacity: 1;transform: scale(1, 1);}
}
@-moz-keyframes f2-2 /* Firefox */{
	0%   {opacity: 0;transform: scale(0, 0);}
	50%  {transform: scale(1.2, 1.2);}
	100% {opacity: 1;transform: scale(1, 1);}
}
@-webkit-keyframes f2-2 /* Safari 和 Chrome */{
	0%   {opacity: 0;transform: scale(0, 0);}
	50%  {transform: scale(1.2, 1.2);}
	100% {opacity: 1;transform: scale(1, 1);}
}
@-o-keyframes f2-2 /* Opera */{
	0%   {opacity: 0;transform: scale(0, 0);}
	50%  {transform: scale(1.2, 1.2);}
	100% {opacity: 1;transform: scale(1, 1);}
}
.page-current .f2-2{animation: f2-2 0.6s linear 0.8s both;-webkit-animation: f2-2 0.6s linear 0.8s both;-moz-animation: f2-2 0.6s linear 0.8s both;-o-animation: f2-2 0.6s linear 0.8s both;}
.page-current .f2-3{animation: f2-2 0.6s linear 1.2s both;-webkit-animation: f2-2 0.6s linear 1.2s both;-moz-animation: f2-2 0.6s linear 1.2s both;-o-animation: f2-2 0.6s linear 1.2s both;}
.page-current .f2-4{animation: f2-2 0.6s linear 1.6s both;-webkit-animation: f2-2 0.6s linear 1.6s both;-moz-animation: f2-2 0.6s linear 1.6s both;-o-animation: f2-2 0.6s linear 1.6s both;}
.page-current .f2-5{animation: f2-2 0.6s linear 2s both;-webkit-animation: f2-2 0.6s linear 2s both;-moz-animation: f2-2 0.6s linear 2s both;-o-animation: f2-2 0.6s linear 2s both;}
.page-current .f2-6{animation: f2-2 0.6s linear 2.4s both;-webkit-animation: f2-2 0.6s linear 2.4s both;-moz-animation: f2-2 0.6s linear 2.4s both;-o-animation: f2-2 0.6s linear 2.4s both;}
.page-current .f2-7{animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;}
.page-current .f2-8{animation: f2-2 0.6s linear 3.2s both;-webkit-animation: f2-2 0.6s linear 3.2s both;-moz-animation: f2-2 0.6s linear 3.2s both;-o-animation: f2-2 0.6s linear 3.2s both;}
.page-current .f2-9{animation: f2-9 1s linear 3.2s both;-webkit-animation: f2-9 1s linear 3.2s both;-moz-animation: f2-9 1s linear 3.2s both;-o-animation: f2-9 1s linear 3.2s both;}
.page-current .f2-10{animation: f2-10 0.6s linear 3.2s both;-webkit-animation: f2-10 0.6s linear 3.2s both;-moz-animation: f2-10 0.6s linear 3.2s both;-o-animation: f2-10 0.6s linear 3.2s both;}
@keyframes f2-9{
	0%   {bottom: 6%;left:0%;opacity: 0;}
	100% {bottom: 11%;left: 0%;opacity: 1;}
}
@-moz-keyframes f2-9 /* Firefox */{
	0%   {bottom: 6%;left:0%;opacity: 0;}
	100% {bottom: 11%;left: 0%;opacity: 1;}
}
@-webkit-keyframes f2-9 /* Safari 和 Chrome */{
	0%   {bottom: 6%;left:0%;opacity: 0;}
	100% {bottom: 11%;left: 0%;opacity: 1;}
}
@-o-keyframes f2-9 /* Opera */{
	0%   {bottom: 6%;left:0%;opacity: 0;}
	100% {bottom: 11%;left: 0%;opacity: 1;}
}
@keyframes f2-10{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes f2-10 /* Firefox */{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes f2-10 /* Safari 和 Chrome */{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes f2-10 /* Opera */{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
@media (min-width: 320px) and (max-height: 416px) {
	.f2-2{position: absolute;top: 12.4%;left: 29.6%;opacity: 0; width:15%;background:#ffcb7d;height: auto;border-radius: 50%;overflow: hidden;}
	.f2-3{position: absolute;top: 15%;left: 48.2%;opacity: 0; width:23%;background:#60cda6;height: auto;border-radius: 50%;overflow: hidden;}
	.f2-4{position: absolute;top: 31.3%;left: 68.8%;opacity: 0; width:12.2%;background:#bc905f;height: auto;border-radius: 50%;overflow: hidden;}
	.f2-5{position: absolute;top: 42.2%;left: 52.7%;opacity: 0; width:25.9%;background:#50c5e6;height: auto;border-radius: 50%;overflow: hidden;}
	.f2-6{position: absolute;top: 57.7%;left: 35.5%;opacity: 0; width:18.3%;background:#f2ca09;height: auto;border-radius: 50%;overflow: hidden;} 
	.f2-7{position: absolute;top: 56.4%;left: 19%;opacity: 0; width:12.2%;background:#c58ed2;height: auto;border-radius: 50%;overflow: hidden;}
	.f2-8{position: absolute;top: 26.7%;left: 18.3%;opacity: 0; width:34.1%;background:#ee614d;height: auto;border-radius: 50%;overflow: hidden;}	
}
/*第三页*/
.f3-1{position: absolute;top: 3.7%;left: 24.6%;width: 50.8%;opacity: 0;}
.page-current .f3-1{animation: f2-1 1s linear 0s both;-webkit-animation: f2-1 1s linear 0s both;-moz-animation: f2-1 1s linear 0s both;-o-animation: f2-1 1s linear 0s both;}
.f3-1-1{position: absolute;top: 0;left: 0;}
.f3-1-2{position: absolute;top: 0;left: 0;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
.f3-5{position: absolute;top: 22%;left: 58%;opacity: 0;}
.f3-2{position: absolute;top: 20%;left: 0;}
.f3-3{position: absolute;top: 20%;left: 10%;overflow: hidden;width: 90%;}
.f3-3-1{position: absolute;bottom: 0;left: 0;visibility: hidden;}
.f3-4{position: absolute;bottom: 12.8%;left: 0;visibility: hidden;}
.page-current .f3-3-1{animation: f3-3-1 1.2s linear 1s both;-webkit-animation: f3-3-1 1.2s linear 1s both;-moz-animation: f3-3-1 1.2s linear 1s both;-o-animation: f3-3-1 1.2s linear 1s both;}
.page-current .f3-4{animation: f3-4 0.8s linear 2s both;-webkit-animation: f3-4 0.8s linear 2s both;-moz-animation: f3-4 0.8s linear 2s both;-o-animation: f3-4 0.8s linear 2s both;}
	.page-current .f3-5{animation: f3-5 0.4s linear 1.8s both;-webkit-animation: f3-5 0.4s linear 1.8s both;-moz-animation: f3-5 0.4s linear 1.8s both;-o-animation: f3-5 0.4s linear 1.8s both;}
@keyframes f3-3-1{
	0%   {width: 0;visibility: visible;}
	100% {width: 100%;visibility: visible;}
}
@-moz-keyframes f3-3-1 /* Firefox */{
	0%   {width: 0;visibility: visible;}
	100% {width: 100%;visibility: visible;}
}
@-webkit-keyframes f3-3-1 /* Safari 和 Chrome */{
	0%   {width: 0;visibility: visible;}
	100% {width: 100%;visibility: visible;}
}
@-o-keyframes f3-3-1 /* Opera */{
	0%   {width: 0;visibility: visible;}
	100% {width: 100%;visibility: visible;}
}

@keyframes f3-4{
	0%   {bottom: 2.8%;opacity: 0;visibility: visible;}
	100% {bottom: 12.8%;opacity: 1;visibility: visible;}
}
@-moz-keyframes f3-4 /* Firefox */{
	0%   {bottom: 2.8%;opacity: 0;visibility: visible;}
	100% {bottom: 12.8%;opacity: 1;visibility: visible;}
}
@-webkit-keyframes f3-4 /* Safari 和 Chrome */{
	0%   {bottom: 2.8%;opacity: 0;visibility: visible;}
	100% {bottom: 12.8%;opacity: 1;visibility: visible;}
}
@-o-keyframes f3-4 /* Opera */{
	0%   {bottom: 2.8%;opacity: 0;visibility: visible;}
	100% {bottom: 12.8%;opacity: 1;visibility: visible;}
}

@keyframes f3-5{
	0%   {top: 12%;opacity: 0;visibility: visible;}
	100% {top: 22%;opacity: 1;visibility: visible;}
}
@-moz-keyframes f3-5 /* Firefox */{
	0%   {top: 12%;opacity: 0;visibility: visible;}
	100% {top: 22%;opacity: 1;visibility: visible;}
}
@-webkit-keyframes f3-5 /* Safari 和 Chrome */{
	0%   {top: 12%;opacity: 0;visibility: visible;}
	100% {top: 22%;opacity: 1;visibility: visible;}
}
@-o-keyframes f3-5 /* Opera */{
	0%   {top: 12%;opacity: 0;visibility: visible;}
	100% {top: 22%;opacity: 1;visibility: visible;}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f3-2{position: absolute;top: 16%;left: 0;}
	.f3-3{position: absolute;top: 16%;left: 10%;overflow: hidden;width: 90%;}
	.f3-4{position: absolute;bottom: 10.8%;left: 0;}
	.f3-5{position: absolute;top: 19%;left: 58%;opacity: 0;}
	.page-current .f3-5{animation: f3-5 0.4s linear 1.8s both;-webkit-animation: f3-5 0.4s linear 1.8s both;-moz-animation: f3-5 0.4s linear 1.8s both;-o-animation: f3-5 0.4s linear 1.8s both;}
	@keyframes f3-4{
		0%   {bottom: 0.8%;opacity: 0;visibility: visible;}
		100% {bottom: 10.8%;opacity: 1;visibility: visible;}
	}
	@-moz-keyframes f3-4 /* Firefox */{
		0%   {bottom: 0.8%;opacity: 0;visibility: visible;}
		100% {bottom: 10.8%;opacity: 1;visibility: visible;}
	}
	@-webkit-keyframes f3-4 /* Safari 和 Chrome */{
		0%   {bottom: 0.8%;opacity: 0;visibility: visible;}
		100% {bottom: 10.8%;opacity: 1;visibility: visible;}
	}
	@-o-keyframes f3-4 /* Opera */{
		0%   {bottom: 0.8%;opacity: 0;visibility: visible;}
		100% {bottom: 10.8%;opacity: 1;visibility: visible;}
	}
	@keyframes f3-5{
		0%   {top: 9%;opacity: 0;visibility: visible;}
		100% {top: 19%;opacity: 1;visibility: visible;}
	}
	@-moz-keyframes f3-5 /* Firefox */{
		0%   {top: 9%;opacity: 0;visibility: visible;}
		100% {top: 19%;opacity: 1;visibility: visible;}
	}
	@-webkit-keyframes f3-5 /* Safari 和 Chrome */{
		0%   {top: 9%;opacity: 0;visibility: visible;}
		100% {top: 19%;opacity: 1;visibility: visible;}
	}
	@-o-keyframes f3-5 /* Opera */{
		0%   {top: 9%;opacity: 0;visibility: visible;}
		100% {top: 19%;opacity: 1;visibility: visible;}
	}
}
/*第四页*/
.f4-1{position: absolute;top: 3.7%;left: 20.5%;width: 58.8%;opacity: 0;}
.page-current .f4-1{animation: f2-1 1s linear 0s both;-webkit-animation: f2-1 1s linear 0s both;-moz-animation: f2-1 1s linear 0s both;-o-animation: f2-1 1s linear 0s both;}
.f4-1-1{position: absolute;top: 0;left: 0;}
.f4-1-2{position: absolute;top: 0;left: 0;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
.f4-2{position: absolute;top: 24%;left: 0;}
.f4-3{position: absolute;top: 24%;left: 0;visibility: hidden;}
.f4-14{position: absolute;bottom: 13.6%;left: 0;visibility: hidden;}
.page-current .f4-3{animation: f4-3 0.2s linear 1.2s both;-webkit-animation: f4-3 0.2s linear 1.2s both;-moz-animation: f4-3 0.2s linear 1.2s both;-o-animation: f4-3 0.2s linear 1.2s both;}
.page-current .f4-14{animation: f4-14 0.2s linear 1.2s both;-webkit-animation: f4-14 0.2s linear 1.2s both;-moz-animation: f4-14 0.2s linear 1.2s both;-o-animation: f4-14 0.2s linear 1.2s both;}
@keyframes f4-3{
	0%   {top: 20%;opacity: 0;visibility: visible;}
	100% {top: 24%;opacity: 1;visibility: visible;}
}
@-moz-keyframes f4-3 /* Firefox */{
	0%   {top: 20%;opacity: 0;visibility: visible;}
	100% {top: 24%;opacity: 1;visibility: visible;}
}
@-webkit-keyframes f4-3 /* Safari 和 Chrome */{
	0%   {top: 20%;opacity: 0;visibility: visible;}
	100% {top: 24%;opacity: 1;visibility: visible;}
}
@-o-keyframes f4-3 /* Opera */{
	0%   {top: 20%;opacity: 0;visibility: visible;}
	100% {top: 24%;opacity: 1;visibility: visible;}
}
@keyframes f4-14{
	0%   {bottom: 10%;opacity: 0;visibility: visible;}
	100% {bottom: 13.6%;opacity: 1;visibility: visible;}
}
@-moz-keyframes f4-14 /* Firefox */{
	0%   {bottom: 10%;opacity: 0;visibility: visible;}
	100% {bottom: 13.6%;opacity: 1;visibility: visible;}
}
@-webkit-keyframes f4-14 /* Safari 和 Chrome */{
	0%   {bottom: 10%;opacity: 0;visibility: visible;}
	100% {bottom: 13.6%;opacity: 1;visibility: visible;}
}
@-o-keyframes f4-14 /* Opera */{
	0%   {bottom: 10%;opacity: 0;visibility: visible;}
	100% {bottom: 13.6%;opacity: 1;visibility: visible;}
}
@media (min-width: 320px) and (max-height: 480px) {
	@keyframes f4-14{
		0%   {bottom: 7%;opacity: 0;visibility: visible;}
		100% {bottom: 9%;opacity: 1;visibility: visible;}
	}
	@-moz-keyframes f4-14 /* Firefox */{
		0%   {bottom: 7%;opacity: 0;visibility: visible;}
		100% {bottom: 9%;opacity: 1;visibility: visible;}
	}
	@-webkit-keyframes f4-14 /* Safari 和 Chrome */{
		0%   {bottom: 7%;opacity: 0;visibility: visible;}
		100% {bottom: 9%;opacity: 1;visibility: visible;}
	}
	@-o-keyframes f4-14 /* Opera */{
		0%   {bottom: 7%;opacity: 0;visibility: visible;}
		100% {bottom: 9%;opacity: 1;visibility: visible;}
	}
}
/*黑龙江*/
.f4-4-1{position: absolute;top: 29%;right: 14.3%;visibility: hidden;}
.f4-4-2{position: absolute;bottom: 70.9%;right: 15.3%;width: 1px;background: #4f516c;height: 0%;}
.f4-4-3{position: absolute;top: 16.4%;right: 15.3%;width: 0%;background: #4f516c;height: 1px;}
.f4-4-4{position: absolute;top: 14.5%;right: 32.2%;opacity: 0;}
.page-current .f4-4-1{animation: f4-4-1 1.2s linear 1.4s both;visibility: hidden;-webkit-animation: f4-4-1 1.2s linear 1.4s both;-moz-animation: f4-4-1 1.2s linear 1.4s both;-o-animation: f4-4-1 1.2s linear 1.4s both;}
.page-current .f4-4-2{animation: f4-4-2 0.6s linear 1.4s both;-webkit-animation: f4-4-2 0.6s linear 1.4s both;-moz-animation: f4-4-2 0.6s linear 1.4s both;-o-animation: f4-4-2 0.6s linear 1.4s both;}
.page-current .f4-4-3{animation: f4-4-3 0.6s linear 2s both;-webkit-animation: f4-4-3 0.6s linear 2s both;-moz-animation: f4-4-3 0.6s linear 2s both;-o-animation: f4-4-3 0.6s linear 2s both;}
.page-current .f4-4-4{animation: f2-2 0.6s linear 2.6s both;-webkit-animation: f2-2 0.6s linear 2.6s both;-moz-animation: f2-2 0.6s linear 2.6s both;-o-animation: f2-2 0.6s linear 2.6s both;}
/*点*/
@keyframes f4-4-1{
	0%   {top: 29%;right:14.3%;visibility: hidden;}
	50%  {top: 15.6%;right:14.3%;visibility: visible;}
	100% {top: 15.6%;right:31.7%;visibility: hidden;}
}
@-moz-keyframes f4-4-1 /* Firefox */{
	0%   {top: 29%;right:14.3%;visibility: hidden;}
	50%  {top: 15.6%;right:14.3%;visibility: visible;}
	100% {top: 15.6%;right:31.7%;visibility: hidden;}
}
@-webkit-keyframes f4-4-1 /* Safari 和 Chrome */{
	0%   {top: 29%;right:14.3%;visibility: hidden;}
	50%  {top: 15.6%;right:14.3%;visibility: visible;}
	100% {top: 15.6%;right:31.7%;visibility: hidden;}
}
@-o-keyframes f4-4-1 /* Opera */{
	0%   {top: 29%;right:14.3%;visibility: hidden;}
	50%  {top: 15.6%;right:14.3%;visibility: visible;}
	100% {top: 15.6%;right:31.7%;visibility: hidden;}
}
/*线1*/
@keyframes f4-4-2{
	0%   {height: 0;width:1px;}
	100%  {height: 12.8%;width:1px;}
}
@-moz-keyframes f4-4-2 /* Firefox */{
	0%   {height: 0;width:1px;}
	100%  {height: 12.8%;width:1px;}
}
@-webkit-keyframes f4-4-2 /* Safari 和 Chrome */{
	0%   {height: 0;width:1px;}
	100%  {height: 12.8%;width:1px;}
}
@-o-keyframes f4-4-2 /* Opera */{
	0%   {height: 0;width:1px;}
	100%  {height: 12.8%;width:1px;}
}
/*线2*/
@keyframes f4-4-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:16.8%;}
}
@-moz-keyframes f4-4-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:16.8%;}
}
@-webkit-keyframes f4-4-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:16.8%;}
}
@-o-keyframes f4-4-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:16.8%;}
}
/*吉林*/
.f4-5-1{position: absolute;top: 33%;right: 16.5%;visibility: hidden;}
.f4-5-2{position: absolute;bottom: 66.6%;right: 17.2%;width: 1px;background: #4f516c;height: 0%;}
.f4-5-3{position: absolute;top: 21.2%;right: 17.2%;width: 0%;background: #4f516c;height: 1px;}
.f4-5-4{position: absolute;top: 19.5%;right: 34.2%;opacity: 0}
.page-current .f4-5-1{animation: f4-5-1 1.2s linear 1.4s both;-webkit-animation: f4-5-1 1.2s linear 1.4s both;-moz-animation: f4-5-1 1.2s linear 1.4s both;-o-animation: f4-5-1 1.2s linear 1.4s both;}
.page-current .f4-5-2{animation: f4-5-2 0.6s linear 1.4s both;-webkit-animation: f4-5-2 0.6s linear 1.4s both;-moz-animation: f4-5-2 0.6s linear 1.4s both;-o-animation: f4-5-2 0.6s linear 1.4s both;}
.page-current .f4-5-3{animation: f4-5-3 0.6s linear 2s both;-webkit-animation: f4-5-3 0.6s linear 2s both;-moz-animation: f4-5-3 0.6s linear 2s both;-o-animation: f4-5-3 0.6s linear 2s both;}
.page-current .f4-5-4{animation: f2-2 0.6s linear 2.6s both;-webkit-animation: f2-2 0.6s linear 2.6s both;-moz-animation: f2-2 0.6s linear 2.6s both;-o-link: animation: f2-2 0.6s linear 2.6s both;}
/*点*/
@keyframes f4-5-1{
	0%   {top: 33%;right:16.5%;visibility: hidden;}
	50%  {top: 21%;right:16.5%;visibility: visible;}
	100% {top: 21%;right:32.5%;visibility: hidden;}
}
@-moz-keyframes f4-5-1 /* Firefox */{
	0%   {top: 33%;right:16.5%;visibility: hidden;}
	50%  {top: 21%;right:16.5%;visibility: visible;}
	100% {top: 21%;right:32.5%;visibility: hidden;}
}
@-webkit-keyframes f4-5-1 /* Safari 和 Chrome */{
	0%   {top: 33%;right:16.5%;visibility: hidden;}
	50%  {top: 21%;right:16.5%;visibility: visible;}
	100% {top: 21%;right:32.5%;visibility: hidden;}
}
@-o-keyframes f4-5-1 /* Opera */{
	0%   {top: 33%;right:16.5%;visibility: hidden;}
	50%  {top: 21%;right:16.5%;visibility: visible;}
	100% {top: 21%;right:32.5%;visibility: hidden;}
}
/*线1*/
@keyframes f4-5-2{
	0%   {height: 0;width:1px;}
	100%  {height: 12%;width:1px;}
}
@-moz-keyframes f4-5-2 /* Firefox */{
	0%   {height: 0;width:1px;}
	100%  {height: 12%;width:1px;}
}
@-webkit-keyframes f4-5-2 /* Safari 和 Chrome */{
	0%   {height: 0;width:1px;}
	100%  {height: 12%;width:1px;}
}
@-o-keyframes f4-5-2 /* Opera */{
	0%   {height: 0;width:1px;}
	100%  {height: 12%;width:1px;}
}
/*线2*/
@keyframes f4-5-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:16.8%;}
}
@-moz-keyframes f4-5-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:16.8%;}
}
@-webkit-keyframes f4-5-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:16.8%;}
}
@-o-keyframes f4-5-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:16.8%;}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f4-5-1{position: absolute;top: 33.7%;right: 16.5%;visibility: hidden;}
	.f4-5-2{position: absolute;bottom: 64.6%;right: 17.2%;width: 1px;background: #4f516c;height: 0%;}
	.f4-5-3{position: absolute;top: 23.2%;right: 17.2%;width: 0%;background: #4f516c;height: 1px;}
	.f4-5-4{position: absolute;top: 21.5%;right: 34.2%;opacity: 0}
	.page-current .f4-5-1{animation: f4-5-1 1.2s linear 1.4s both;-webkit-animation: f4-5-1 1.2s linear 1.4s both;-moz-animation: f4-5-1 1.2s linear 1.4s both;-o-animation: f4-5-1 1.2s linear 1.4s both;}
	.page-current .f4-5-2{animation: f4-5-2 0.6s linear 1.4s both;-webkit-animation: f4-5-2 0.6s linear 1.4s both;-moz-animation: f4-5-2 0.6s linear 1.4s both;-o-animation: f4-5-2 0.6s linear 1.4s both;}
	.page-current .f4-5-3{animation: f4-5-3 0.6s linear 2s both;-webkit-animation: f4-5-3 0.6s linear 2s both;-moz-animation: f4-5-3 0.6s linear 2s both;-o-animation: f4-5-3 0.6s linear 2s both;}
	.page-current .f4-5-4{animation: f2-2 0.6s linear 2.6s both;-webkit-animation: f2-2 0.6s linear 2.6s both;-moz-animation: f2-2 0.6s linear 2.6s both;-o-animation: f2-2 0.6s linear 2.6s both;}
	/*点*/
	@keyframes f4-5-1{
		0%   {top: 33.7%;right:16.5%;visibility: hidden;}
		50%  {top: 22.8%;right:16.5%;visibility: visible;}
		100% {top: 22.8%;right:32.5%;visibility: hidden;}
	}
	@-moz-keyframes f4-5-1 /* Firefox */{
		0%   {top: 32.7%;right:16.5%;visibility: hidden;}
		50%  {top: 22.8%;right:16.5%;visibility: visible;}
		100% {top: 22.8%;right:32.5%;visibility: hidden;}
	}
	@-webkit-keyframes f4-5-1 /* Safari 和 Chrome */{
		0%   {top: 33.7%;right:16.5%;visibility: hidden;}
		50%  {top: 22.8%;right:16.5%;visibility: visible;}
		100% {top: 22.8%;right:32.5%;visibility: hidden;}
	}
	@-o-keyframes f4-5-1 /* Opera */{
		0%   {top: 33.7%;right:16.5%;visibility: hidden;}
		50%  {top: 22.8%;right:16.5%;visibility: visible;}
		100% {top: 22.8%;right:32.5%;visibility: hidden;}
	}
	/*线1*/
	@keyframes f4-5-2{
		0%   {height: 0;width:1px;}
		100%  {height: 12%;width:1px;}
	}
	@-moz-keyframes f4-5-2 /* Firefox */{
		0%   {height: 0;width:1px;}
		100%  {height: 12%;width:1px;}
	}
	@-webkit-keyframes f4-5-2 /* Safari 和 Chrome */{
		0%   {height: 0;width:1px;}
		100%  {height: 12%;width:1px;}
	}
	@-o-keyframes f4-5-2 /* Opera */{
		0%   {height: 0;width:1px;}
		100%  {height: 12%;width:1px;}
	}
	/*线2*/
	@keyframes f4-5-3{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:16.8%;}
	}
	@-moz-keyframes f4-5-3 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:16.8%;}
	}
	@-webkit-keyframes f4-5-3 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:16.8%;}
	}
	@-o-keyframes f4-5-3 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:16.8%;}
	}	
}

/*北京*/
.f4-6-3{position: absolute;top: 39.2%;left: 72.2%;width: 0%;background: #4f516c;height: 1px;}
.f4-6-4{position: absolute;top: 38%;left: 79.2%;opacity: 0;}
.page-current .f4-6-3{animation: f4-6-3 0.2s linear 1.2s both;-webkit-animation: f4-6-3 0.2s linear 1.2s both;-moz-animation: f4-6-3 0.2s linear 1.2s both;-o-animation: f4-6-3 0.2s linear 1.2s both;}
.page-current .f4-6-4{animation: f2-2 0.6s linear 1.4s both;-webkit-animation: f2-2 0.6s linear 1.4s both;-moz-animation: f2-2 0.6s linear 1.4s both;-o-animation: f2-2 0.6s linear 1.4s both;}
/*线2*/
@keyframes f4-6-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:6.9%;}
}
@-moz-keyframes f4-6-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:6.9%;}
}
@-webkit-keyframes f4-6-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:6.9%;}
}
@-o-keyframes f4-6-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:6.9%;}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f4-6-3{position: absolute;top: 41.8%;left: 72.2%;width: 0%;background: #4f516c;height: 1px;}
	.f4-6-4{position: absolute;top: 40%;left: 79.2%;opacity: 0;}
	.page-current .f4-6-3{animation: f4-6-3 0.2s linear 1.2s both;-webkit-animation: f4-6-3 0.2s linear 1.2s both;-moz-animation: f4-6-3 0.2s linear 1.2s both;-o-animation: f4-6-3 0.2s linear 1.2s both;}
	.page-current .f4-6-4{animation: f2-2 0.6s linear 1.4s both;-webkit-animation: f2-2 0.6s linear 1.4s both;-moz-animation: f2-2 0.6s linear 1.4s both;-o-animation: f2-2 0.6s linear 1.4s both;}
	/*线2*/
	@keyframes f4-6-3{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:6.9%;}
	}
	@-moz-keyframes f4-6-3 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:6.9%;}
	}
	@-webkit-keyframes f4-6-3 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:6.9%;}
	}
	@-o-keyframes f4-6-3 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:6.9%;}
	}
}
/*江苏*/
.f4-7-1{position: absolute;top: 45.2%;right: 22.4%;visibility: hidden;}
.f4-7-2{position: absolute;top: 45.6%;right: 11%;width: 1px;background: #4f516c;height: 0%;}
.f4-7-3{position: absolute;top: 45.6%;left: 77.3%;width: 0%;background: #4f516c;height: 1px;}
.f4-7-4{position: absolute;top: 62.5%;right: 13.8%;opacity: 0;}
.f4-7-5{position: absolute;top: 63.7%;right: 11%;width: 0%;background: #4f516c;height: 1px;}
.page-current .f4-7-1{animation: f4-7-1 1.2s linear 1.4s both;-webkit-animation: f4-7-1 1.2s linear 1.4s both;-moz-animation: f4-7-1 1.2s linear 1.4s both;-o-animation: f4-7-1 1.2s linear 1.4s both;}
.page-current .f4-7-2{animation: f4-7-2 0.6s linear 2s both;-webkit-animation: f4-7-2 0.6s linear 2s both;-moz-animation: f4-7-2 0.6s linear 2s both;-o-animation: f4-7-2 0.6s linear 2s both;}
.page-current .f4-7-3{animation: f4-7-3 0.6s linear 1.4s both;-webkit-animation: f4-7-3 0.6s linear 1.4s both;-moz-animation: f4-7-3 0.6s linear 1.4s both;-o-animation: f4-7-3 0.6s linear 1.4s both;}
.page-current .f4-7-4{animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;}
.page-current .f4-7-5{animation: f4-7-5 0.2s linear 2.6s both;-webkit-animation: f4-7-5 0.2s linear 2.6s both;-moz-animation: f4-7-5 0.2s linear 2.6s both;-o-animation: f4-7-5 0.2s linear 2.6s both;}
/*点*/
@keyframes f4-7-1{
	0%   {top: 45.2%;right:22%;visibility: hidden;}
	50%  {top: 45.2%;right:10.5%;visibility: visible;}
	100% {top: 62.5%;right:10.5%;visibility: hidden;}
}
@-moz-keyframes f4-7-1 /* Firefox */{
	0%   {top: 45.2%;right:22%;visibility: hidden;}
	50%  {top: 45.2%;right:10.5%;visibility: visible;}
	100% {top: 62.5%;right:10.5%;visibility: hidden;}
}
@-webkit-keyframes f4-7-1 /* Safari 和 Chrome */{
	0%   {top: 45.2%;right:22%;visibility: hidden;}
	50%  {top: 45.2%;right:10.5%;visibility: visible;}
	100% {top: 62.5%;right:10.5%;visibility: hidden;}
}
@-o-keyframes f4-7-1 /* Opera */{
	0%   {top: 45.2%;right:22%;visibility: hidden;}
	50%  {top: 45.2%;right:10.5%;visibility: visible;}
	100% {top: 62.5%;right:10.5%;visibility: hidden;}
}
/*线1*/
@keyframes f4-7-2{
	0%   {height: 0;width:1px;}
	100%  {height: 18.2%;width:1px;}
}
@-moz-keyframes f4-7-2 /* Firefox */{
	0%   {height: 0;width:1px;}
	100%  {height: 18.2%;width:1px;}
}
@-webkit-keyframes f4-7-2 /* Safari 和 Chrome */{
	0%   {height: 0;width:1px;}
	100%  {height: 18.2%;width:1px;}
}
@-o-keyframes f4-7-2 /* Opera */{
	0%   {height: 0;width:1px;}
	100%  {height: 18.2%;width:1px;}
}
/*线2*/
@keyframes f4-7-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:11.4%;}
}
@-moz-keyframes f4-7-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:11.4%;}
}
@-webkit-keyframes f4-7-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:11.4%;}
}
@-o-keyframes f4-7-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:11.4%;}
}
/*线3*/
@keyframes f4-7-5{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:2.9%;}
}
@-moz-keyframes f4-7-5 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:2.9%;}
}
@-webkit-keyframes f4-7-5 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:2.9%;}
}
@-o-keyframes f4-7-5 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:2.9%;}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f4-7-1{position: absolute;top: 49.2%;right: 22.4%;visibility: hidden;}
	.f4-7-2{position: absolute;top: 49.3%;right: 11%;width: 1px;background: #4f516c;height: 0%;}
	.f4-7-3{position: absolute;top: 49.3%;left: 77.3%;width: 0%;background: #4f516c;height: 1px;}
	.f4-7-4{position: absolute;top: 66%;right: 13.8%;opacity: 0;}
	.f4-7-5{position: absolute;top: 67.4%;right: 11%;width: 0%;background: #4f516c;height: 1px;}
	.page-current .f4-7-1{animation: f4-7-1 1.2s linear 1.4s both;-webkit-animation: f4-7-1 1.2s linear 1.4s both;-moz-animation: f4-7-1 1.2s linear 1.4s both;-o-animation: f4-7-1 1.2s linear 1.4s both;}
	.page-current .f4-7-2{animation: f4-7-2 0.6s linear 2s both;-webkit-animation: f4-7-2 0.6s linear 2s both;-moz-animation: f4-7-2 0.6s linear 2s both;-o-animation: f4-7-2 0.6s linear 2s both;}
	.page-current .f4-7-3{animation: f4-7-3 0.6s linear 1.4s both;-webkit-animation: f4-7-3 0.6s linear 1.4s both;-moz-animation: f4-7-3 0.6s linear 1.4s both;-o-animation: f4-7-3 0.6s linear 1.4s both;}
	.page-current .f4-7-4{animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;}
	.page-current .f4-7-5{animation: f4-7-5 0.2s linear 2.6s both;-webkit-animation: f4-7-5 0.2s linear 2.6s both;-moz-animation: f4-7-5 0.2s linear 2.6s both;-o-animation: f4-7-5 0.2s linear 2.6s both;}
	/*点*/
	@keyframes f4-7-1{
		0%   {top: 49.2%;right:22.4%;visibility: hidden;}
		50%  {top: 49.2%;right:10%;visibility: visible;}
		100% {top: 66%;right:10%;visibility: hidden;}
	}
	@-moz-keyframes f4-7-1 /* Firefox */{
		0%   {top: 49.2%;right:22.4%;visibility: hidden;}
		50%  {top: 49.2%;right:10%;visibility: visible;}
		100% {top: 66%;right:10%;visibility: hidden;}
	}
	@-webkit-keyframes f4-7-1 /* Safari 和 Chrome */{
		0%   {top: 49.2%;right:22.4%;visibility: hidden;}
		50%  {top: 49.2%;right:10%;visibility: visible;}
		100% {top: 66%;right:10%;visibility: hidden;}
	}
	@-o-keyframes f4-7-1 /* Opera */{
		0%   {top: 49.2%;right:22.4%;visibility: hidden;}
		50%  {top: 49.2%;right:10%;visibility: visible;}
		100% {top: 66%;right:10%;visibility: hidden;}
	}
	/*线1*/
	@keyframes f4-7-2{
		0%   {height: 0;width:1px;}
		100%  {height: 18.2%;width:1px;}
	}
	@-moz-keyframes f4-7-2 /* Firefox */{
		0%   {height: 0;width:1px;}
		100%  {height: 18.2%;width:1px;}
	}
	@-webkit-keyframes f4-7-2 /* Safari 和 Chrome */{
		0%   {height: 0;width:1px;}
		100%  {height: 18.2%;width:1px;}
	}
	@-o-keyframes f4-7-2 /* Opera */{
		0%   {height: 0;width:1px;}
		100%  {height: 18.2%;width:1px;}
	}
	/*线2*/
	@keyframes f4-7-3{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:11.4%;}
	}
	@-moz-keyframes f4-7-3 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:11.4%;}
	}
	@-webkit-keyframes f4-7-3 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:11.4%;}
	}
	@-o-keyframes f4-7-3 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:11.4%;}
	}
	/*线3*/
	@keyframes f4-7-5{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:2.9%;}
	}
	@-moz-keyframes f4-7-5 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:2.9%;}
	}
	@-webkit-keyframes f4-7-5 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:2.9%;}
	}
	@-o-keyframes f4-7-5 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:2.9%;}
	}
}
/*山东*/
.f4-8-1{position: absolute;top: 43.2%;right: 26.6%;visibility: hidden;}
.f4-8-2{position: absolute;top: 43.4%;right: 7%;width: 1px;background: #4f516c;height: 0%;}
.f4-8-3{position: absolute;top: 43.4%;left: 73.5%;width: 0%;background: #4f516c;height: 1px;}
.f4-8-4{position: absolute;top: 67.8%;right: 10%;opacity: 0;}
.f4-8-5{position: absolute;top: 69.1%;right: 7%;width: 0%;background: #4f516c;height: 1px;}
.page-current .f4-8-1{animation: f4-8-1 1.2s linear 1.4s both;-webkit-animation: f4-8-1 1.2s linear 1.4s both;-moz-animation: f4-8-1 1.2s linear 1.4s both;-o-animation: f4-8-1 1.2s linear 1.4s both;}
.page-current .f4-8-2{animation: f4-8-2 0.6s linear 2s both;-webkit-animation: f4-8-2 0.6s linear 2s both;-moz-animation: f4-8-2 0.6s linear 2s both;-o-animation: f4-8-2 0.6s linear 2s both;}
.page-current .f4-8-3{animation: f4-8-3 0.6s linear 1.4s both;-webkit-animation: f4-8-3 0.6s linear 1.4s both;-moz-animation: f4-8-3 0.6s linear 1.4s both;-o-animation: f4-8-3 0.6s linear 1.4s both;}
.page-current .f4-8-4{animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;}
.page-current .f4-8-5{animation: f4-8-5 0.2s linear 2.6s both;-webkit-animation: f4-8-5 0.2s linear 2.6s both;-moz-animation: f4-8-5 0.2s linear 2.6s both;-o-animation: f4-8-5 0.2s linear 2.6s both;}
/*点*/
@keyframes f4-8-1{
	0%   {top: 43.2%;right:26.6%;visibility: hidden;}
	50%  {top: 43.2%;right:6.3%;visibility: visible;}
	100% {top: 69.5%;right:6.3%;visibility: hidden;}
}
@-moz-keyframes f4-8-1 /* Firefox */{
	0%   {top: 43.2%;right:26.6%;visibility: hidden;}
	50%  {top: 43.2%;right:6.3%;visibility: visible;}
	100% {top: 69.5%;right:6.3%;visibility: hidden;}
}
@-webkit-keyframes f4-8-1 /* Safari 和 Chrome */{
	0%   {top: 43.2%;right:26.6%;visibility: hidden;}
	50%  {top: 43.2%;right:6.3%;visibility: visible;}
	100% {top: 69.5%;right:6.3%;visibility: hidden;}
}
@-o-keyframes f4-8-1 /* Opera */{
	0%   {top: 43.2%;right:26.6%;visibility: hidden;}
	50%  {top: 43.2%;right:6.3%;visibility: visible;}
	100% {top: 69.5%;right:6.3%;visibility: hidden;}
}
/*线1*/
@keyframes f4-8-2{
	0%   {height: 0;width:1px;}
	100%  {height: 25.8%;width:1px;}
}
@-moz-keyframes f4-8-2 /* Firefox */{
	0%   {height: 0;width:1px;}
	100%  {height: 25.8%;width:1px;}
}
@-webkit-keyframes f4-8-2 /* Safari 和 Chrome */{
	0%   {height: 0;width:1px;}
	100%  {height: 25.8%;width:1px;}
}
@-o-keyframes f4-8-2 /* Opera */{
	0%   {height: 0;width:1px;}
	100%  {height: 25.8%;width:1px;}
}
/*线2*/
@keyframes f4-8-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:19.3%;}
}
@-moz-keyframes f4-8-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:19.3%;}
}
@-webkit-keyframes f4-8-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:19.3%;}
}
@-o-keyframes f4-8-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:19.3%;}
}
/*线3*/
@keyframes f4-8-5{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@-moz-keyframes f4-8-5 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@-webkit-keyframes f4-8-5 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@-o-keyframes f4-8-5 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f4-8-1{position: absolute;top: 45.8%;right: 26.6%;visibility: hidden;}
	.f4-8-2{position: absolute;top: 46.8%;right: 7%;width: 1px;background: #4f516c;height: 0%;}
	.f4-8-3{position: absolute;top: 46.8%;left: 73.5%;width: 0%;background: #4f516c;height: 1px;}
	.f4-8-4{position: absolute;top: 70.8%;right: 10%;opacity: 0;}
	.f4-8-5{position: absolute;top: 72.5%;right: 7%;width: 0%;background: #4f516c;height: 1px;}
	.page-current .f4-8-1{animation: f4-8-1 1.2s linear 1.4s both;-webkit-animation: f4-8-1 1.2s linear 1.4s both;-moz-animation: f4-8-1 1.2s linear 1.4s both;-o-animation: f4-8-1 1.2s linear 1.4s both;}
	.page-current .f4-8-2{animation: f4-8-2 0.6s linear 2s both;-webkit-animation: f4-8-2 0.6s linear 2s both;-moz-animation: f4-8-2 0.6s linear 2s both;-o-animation: f4-8-2 0.6s linear 2s both;}
	.page-current .f4-8-3{animation: f4-8-3 0.6s linear 1.4s both;-webkit-animation: f4-8-3 0.6s linear 1.4s both;-moz-animation: f4-8-3 0.6s linear 1.4s both;-o-animation: f4-8-3 0.6s linear 1.4s both;}
	.page-current .f4-8-4{animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;}
	.page-current .f4-8-5{animation: f4-8-5 0.2s linear 2.6s both;-webkit-animation: f4-8-5 0.2s linear 2.6s both;-moz-animation: f4-8-5 0.2s linear 2.6s both;-o-animation: f4-8-5 0.2s linear 2.6s both;}
	/*点*/
	@keyframes f4-8-1{
		0%   {top: 46.5%;right:26.6%;visibility: hidden;}
		50%  {top: 46.5%;right:6.3%;visibility: visible;}
		100% {top: 70.1%;right:6.3%;visibility: hidden;}
	}
	@-moz-keyframes f4-8-1 /* Firefox */{
		0%   {top: 46.5%;right:26.6%;visibility: hidden;}
		50%  {top: 46.5%;right:6.3%;visibility: visible;}
		100% {top: 70.1%;right:6.3%;visibility: hidden;}
	}
	@-webkit-keyframes f4-8-1 /* Safari 和 Chrome */{
		0%   {top: 46.5%;right:26.6%;visibility: hidden;}
		50%  {top: 46.5%;right:6.3%;visibility: visible;}
		100% {top: 70.1%;right:6.3%;visibility: hidden;}
	}
	@-o-keyframes f4-8-1 /* Opera */{
		0%   {top: 46.5%;right:26.6%;visibility: hidden;}
		50%  {top: 46.5%;right:6.3%;visibility: visible;}
		100% {top: 70.1%;right:6.3%;visibility: hidden;}
	}
	/*线1*/
	@keyframes f4-8-2{
		0%   {height: 0;width:1px;}
		100%  {height: 25.8%;width:1px;}
	}
	@-moz-keyframes f4-8-2 /* Firefox */{
		0%   {height: 0;width:1px;}
		100%  {height: 25.8%;width:1px;}
	}
	@-webkit-keyframes f4-8-2 /* Safari 和 Chrome */{
		0%   {height: 0;width:1px;}
		100%  {height: 25.8%;width:1px;}
	}
	@-o-keyframes f4-8-2 /* Opera */{
		0%   {height: 0;width:1px;}
		100%  {height: 25.8%;width:1px;}
	}
	/*线2*/
	@keyframes f4-8-3{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:19.3%;}
	}
	@-moz-keyframes f4-8-3 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:19.3%;}
	}
	@-webkit-keyframes f4-8-3 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:19.3%;}
	}
	@-o-keyframes f4-8-3 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:19.3%;}
	}
	/*线3*/
	@keyframes f4-8-5{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
	@-moz-keyframes f4-8-5 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
	@-webkit-keyframes f4-8-5 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
	@-o-keyframes f4-8-5 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
}

/*广东*/
.f4-9-1{position: absolute;top: 63.2%;right: 30.6%;visibility: hidden;}
.f4-9-2{position: absolute;top: 57.4%;right: 31.2%;width: 1px;background: #4f516c;height: 0%;}
.f4-9-3{position: absolute;top: 66.7%;right: 31.2%;width: 0%;background: #4f516c;height: 1px;}
.f4-9-4{position: absolute;top: 65.4%;right: 34.2%;opacity: 0;}
.page-current .f4-9-1{animation: f4-9-1 0.8s linear 1.4s both;-webkit-animation: f4-9-1 0.8s linear 1.4s both;-moz-animation: f4-9-1 0.8s linear 1.4s both;-o-animation: f4-9-1 0.8s linear 1.4s both;}
.page-current .f4-9-2{animation: f4-9-2 0.6s linear 1.4s both;-webkit-animation: f4-9-2 0.6s linear 1.4s both;-moz-animation: f4-9-2 0.6s linear 1.4s both;-o-animation: f4-9-2 0.6s linear 1.4s both;}
.page-current .f4-9-3{animation: f4-9-3 0.2s linear 2s both;-webkit-animation: f4-9-3 0.2s linear 2s both;-moz-animation: f4-9-3 0.2s linear 2s both;-o-animation: f4-9-3 0.2s linear 2s both;}
.page-current .f4-9-4{animation: f2-2 0.6s linear 2.2s both;-webkit-animation: f2-2 0.6s linear 2.2s both;-moz-animation: f2-2 0.6s linear 2.2s both;-o-animation: f2-2 0.6s linear 2.2s both;}
/*点*/
@keyframes f4-9-1{
	0%   {top: 57.2%;right:30.6%;visibility: hidden;}
	75%  {top: 66.5%;right:30.6%;visibility: visible;}
	100% {top: 66.5%;right:34%;visibility: hidden;}
}
@-moz-keyframes f4-9-1 /* Firefox */{
	0%   {top: 57.2%;right:30.6%;visibility: hidden;}
	75%  {top: 66.5%;right:30.6%;visibility: visible;}
	100% {top: 66.5%;right:34%;visibility: hidden;}
}
@-webkit-keyframes f4-9-1 /* Safari 和 Chrome */{
	0%   {top: 57.2%;right:30.6%;visibility: hidden;}
	75%  {top: 66.5%;right:30.6%;visibility: visible;}
	100% {top: 66.5%;right:34%;visibility: hidden;}
}
@-o-keyframes f4-9-1 /* Opera */{
	0%   {top: 57.2%;right:30.6%;visibility: hidden;}
	75%  {top: 66.5%;right:30.6%;visibility: visible;}
	100% {top: 66.5%;right:34%;visibility: hidden;}
}
/*线1*/
@keyframes f4-9-2{
	0%   {height: 0;width:1px;}
	100%  {height: 9.5%;width:1px;}
}
@-moz-keyframes f4-9-2 /* Firefox */{
	0%   {height: 0;width:1px;}
	100%  {height: 9.5%;width:1px;}
}
@-webkit-keyframes f4-9-2 /* Safari 和 Chrome */{
	0%   {height: 0;width:1px;}
	100%  {height: 9.5%;width:1px;}
}
@-o-keyframes f4-9-2 /* Opera */{
	0%   {height: 0;width:1px;}
	100%  {height: 9.5%;width:1px;}
}
/*线2*/
@keyframes f4-9-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@-moz-keyframes f4-9-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@-webkit-keyframes f4-9-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@-o-keyframes f4-9-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
 @media (min-width: 320px) and (max-height: 480px) {
	.f4-9-1{position: absolute;top: 63.2%;right: 30.6%;visibility: hidden;}
	.f4-9-2{position: absolute;top: 64%;right: 31.2%;width: 1px;background: #4f516c;height: 0%;}
	.f4-9-3{position: absolute;top: 73.4%;right: 31.2%;width: 0%;background: #4f516c;height: 1px;}
	.f4-9-4{position: absolute;top: 72.4%;right: 34.2%;opacity: 0;}
	.page-current .f4-9-1{animation: f4-9-1 0.8s linear 1.4s both;-webkit-animation: f4-9-1 0.8s linear 1.4s both;-moz-animation: f4-9-1 0.8s linear 1.4s both;-o-animation: f4-9-1 0.8s linear 1.4s both;}
	.page-current .f4-9-2{animation: f4-9-2 0.6s linear 1.4s both;-webkit-animation: f4-9-2 0.6s linear 1.4s both;-moz-animation: f4-9-2 0.6s linear 1.4s both;-o-animation: f4-9-2 0.6s linear 1.4s both;}
	.page-current .f4-9-3{animation: f4-9-3 0.2s linear 2s both;-webkit-animation: f4-9-3 0.2s linear 2s both;-moz-animation: f4-9-3 0.2s linear 2s both;-o-animation: f4-9-3 0.2s linear 2s both;}
	.page-current .f4-9-4{animation: f2-2 0.6s linear 2.2s both;-webkit-animation: f2-2 0.6s linear 2.2s both;-moz-animation: f2-2 0.6s linear 2.2s both;-o-animation: f2-2 0.6s linear 2.2s both;}
	/*点*/
	@keyframes f4-9-1{
		0%   {top: 63.2%;right:30.6%;visibility: hidden;}
		75%  {top: 73%;right:30.6%;visibility: visible;}
		100% {top: 73%;right:34%;visibility: hidden;}
	}
	@-moz-keyframes f4-9-1 /* Firefox */{
		0%   {top: 63.2%;right:30.6%;visibility: hidden;}
		75%  {top: 73%;right:30.6%;visibility: visible;}
		100% {top: 73%;right:34%;visibility: hidden;}
	}
	@-webkit-keyframes f4-9-1 /* Safari 和 Chrome */{
		0%   {top: 63.2%;right:30.6%;visibility: hidden;}
		75%  {top: 73%;right:30.6%;visibility: visible;}
		100% {top: 73%;right:34%;visibility: hidden;}
	}
	@-o-keyframes f4-9-1 /* Opera */{
		0%   {top: 63.2%;right:30.6%;visibility: hidden;}
		75%  {top: 73%;right:30.6%;visibility: visible;}
		100% {top: 73%;right:34%;visibility: hidden;}
	}
	/*线1*/
	@keyframes f4-9-2{
		0%   {height: 0;width:1px;}
		100%  {height: 9.5%;width:1px;}
	}
	@-moz-keyframes f4-9-2 /* Firefox */{
		0%   {height: 0;width:1px;}
		100%  {height: 9.5%;width:1px;}
	}
	@-webkit-keyframes f4-9-2 /* Safari 和 Chrome */{
		0%   {height: 0;width:1px;}
		100%  {height: 9.5%;width:1px;}
	}
	@-o-keyframes f4-9-2 /* Opera */{
		0%   {height: 0;width:1px;}
		100%  {height: 9.5%;width:1px;}
	}
	/*线2*/
	@keyframes f4-9-3{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
	@-moz-keyframes f4-9-3 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
	@-webkit-keyframes f4-9-3 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
	@-o-keyframes f4-9-3 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
}

/*广西*/
.f4-10-1{position: absolute;top: 56.6%;right: 37.3%;visibility: hidden;}
.f4-10-2{position: absolute;top: 56%;right: 38.1%;width: 1px;background: #4f516c;height: 0%;}
.f4-10-3{position: absolute;top: 61.8%;right: 38.1%;width: 0%;background: #4f516c;height: 1px;}
.f4-10-4{position: absolute;top: 60.4%;right: 41.2%;opacity: 0;}
.page-current .f4-10-1{animation: f4-10-1 0.8s linear 1.4s both;-webkit-animation: f4-10-1 0.8s linear 1.4s both;-moz-animation: f4-10-1 0.8s linear 1.4s both;-o-animation: f4-10-1 0.8s linear 1.4s both;}
.page-current .f4-10-2{animation: f4-10-2 0.6s linear 1.4s both;-webkit-animation: f4-10-2 0.6s linear 1.4s both;-moz-animation: f4-10-2 0.6s linear 1.4s both;-o-animation: f4-10-2 0.6s linear 1.4s both;}
.page-current .f4-10-3{animation: f4-10-3 0.2s linear 2s both;-webkit-animation: f4-10-3 0.2s linear 2s both;-moz-animation: f4-10-3 0.2s linear 2s both;-o-animation: f4-10-3 0.2s linear 2s both;}
.page-current .f4-10-4{animation: f2-2 0.6s linear 2.2s both;-webkit-animation: f2-2 0.6s linear 2.2s both;-moz-animation: f2-2 0.6s linear 2.2s both;-o-animation: f2-2 0.6s linear 2.2s both;}
/*点*/
@keyframes f4-10-1{
	0%   {top: 56.6%;right:37.3%;visibility: hidden;}
	75%  {top: 61.8%;right:37.4%;visibility: visible;}
	100% {top: 61.8%;right:40.4%;visibility: hidden;}
}
@-moz-keyframes f4-10-1 /* Firefox */{
	0%   {top: 56.6%;right:37.3%;visibility: hidden;}
	75%  {top: 61.8%;right:37.4%;visibility: visible;}
	100% {top: 61.8%;right:40.4%;visibility: hidden;}
}
@-webkit-keyframes f4-10-1 /* Safari 和 Chrome */{
	0%   {top: 56.6%;right:37.3%;visibility: hidden;}
	75%  {top: 61.8%;right:37.4%;visibility: visible;}
	100% {top: 61.8%;right:40.4%;visibility: hidden;}
}
@-o-keyframes f4-10-1 /* Opera */{
	0%   {top: 56.6%;right:37.3%;visibility: hidden;}
	75%  {top: 61.8%;right:37.4%;visibility: visible;}
	100% {top: 61.8%;right:40.4%;visibility: hidden;}
}
/*线1*/
@keyframes f4-10-2{
	0%   {height: 0;width:1px;}
	100%  {height: 6%;width:1px;}
}
@-moz-keyframes f4-10-2 /* Firefox */{
	0%   {height: 0;width:1px;}
	100%  {height: 6%;width:1px;}
}
@-webkit-keyframes f4-10-2 /* Safari 和 Chrome */{
	0%   {height: 0;width:1px;}
	100%  {height: 6%;width:1px;}
}
@-o-keyframes f4-10-2 /* Opera */{
	0%   {height: 0;width:1px;}
	100%  {height: 6%;width:1px;}
}
/*线2*/
@keyframes f4-10-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@-moz-keyframes f4-10-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@-webkit-keyframes f4-10-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}
@-o-keyframes f4-10-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:3%;}
}

@media (min-width: 320px) and (max-height: 480px) {
	.f4-10-1{position: absolute;top: 62.6%;right: 37.3%;visibility: hidden;}
	.f4-10-2{position: absolute;top: 62.8%;right: 38.1%;width: 1px;background: #4f516c;height: 0%;}
	.f4-10-3{position: absolute;top: 68.8%;right: 38.1%;width: 0%;background: #4f516c;height: 1px;}
	.f4-10-4{position: absolute;top: 67.2%;right: 41.2%;opacity: 0;}
	.page-current .f4-10-1{animation: f4-10-1 0.8s linear 1.4s both;-webkit-animation: f4-10-1 0.8s linear 1.4s both;-moz-animation: f4-10-1 0.8s linear 1.4s both;-o-animation: f4-10-1 0.8s linear 1.4s both;}
	.page-current .f4-10-2{animation: f4-10-2 0.6s linear 1.4s both;-webkit-animation: f4-10-2 0.6s linear 1.4s both;-moz-animation: f4-10-2 0.6s linear 1.4s both;-o-animation: f4-10-2 0.6s linear 1.4s both;}
	.page-current .f4-10-3{animation: f4-10-3 0.2s linear 2s both;-webkit-animation: f4-10-3 0.2s linear 2s both;-moz-animation: f4-10-3 0.2s linear 2s both;-o-animation: f4-10-3 0.2s linear 2s both;}
	.page-current .f4-10-4{animation: f2-2 0.6s linear 2.2s both;-webkit-animation: f2-2 0.6s linear 2.2s both;-moz-animation: f2-2 0.6s linear 2.2s both;-o-animation: f2-2 0.6s linear 2.2s both;}
	/*点*/
	@keyframes f4-10-1{
		0%   {top: 62.6%;right:37.3%;visibility: hidden;}
		75%  {top: 68.6%;right:37.4%;visibility: visible;}
		100% {top: 68.6%;right:40.4%;visibility: hidden;}
	}
	@-moz-keyframes f4-10-1 /* Firefox */{
		0%   {top: 62.6%;right:37.3%;visibility: hidden;}
		75%  {top: 68.6%;right:37.4%;visibility: visible;}
		100% {top: 68.6%;right:40.4%;visibility: hidden;}
	}
	@-webkit-keyframes f4-10-1 /* Safari 和 Chrome */{
		0%   {top: 62.6%;right:37.3%;visibility: hidden;}
		75%  {top: 68.6%;right:37.4%;visibility: visible;}
		100% {top: 68.6%;right:40.4%;visibility: hidden;}
	}
	@-o-keyframes f4-10-1 /* Opera */{
		0%   {top: 62.6%;right:37.3%;visibility: hidden;}
		75%  {top: 68.6%;right:37.4%;visibility: visible;}
		100% {top: 68.6%;right:40.4%;visibility: hidden;}
	}
	/*线1*/
	@keyframes f4-10-2{
		0%   {height: 0;width:1px;}
		100%  {height: 6%;width:1px;}
	}
	@-moz-keyframes f4-10-2 /* Firefox */{
		0%   {height: 0;width:1px;}
		100%  {height: 6%;width:1px;}
	}
	@-webkit-keyframes f4-10-2 /* Safari 和 Chrome */{
		0%   {height: 0;width:1px;}
		100%  {height: 6%;width:1px;}
	}
	@-o-keyframes f4-10-2 /* Opera */{
		0%   {height: 0;width:1px;}
		100%  {height: 6%;width:1px;}
	}
	/*线2*/
	@keyframes f4-10-3{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
	@-moz-keyframes f4-10-3 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
	@-webkit-keyframes f4-10-3 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
	@-o-keyframes f4-10-3 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:3%;}
	}
}
/*河南*/
.f4-11-1{position: absolute;top: 45.8%;right: 34.6%;visibility: hidden;}
.f4-11-2{position: absolute;bottom: 54.2%;right: 34.6%;width: 1px;background: #4f516c;height: 0%;}
.f4-11-3{position: absolute;top: 26.3%;right: 34.6%;width: 0%;background: #4f516c;height: 1px;}
.f4-11-4{position: absolute;top: 25%;right: 69.2%;opacity: 0;}
.page-current .f4-11-1{animation: f4-11-1 1.4s linear 1.4s both;-webkit-animation: f4-11-1 1.4s linear 1.4s both;-moz-animation: f4-11-1 1.4s linear 1.4s both;-o-animation: f4-11-1 1.4s linear 1.4s both;}
.page-current .f4-11-2{animation: f4-11-2 0.7s linear 1.4s both;-webkit-animation: f4-11-2 0.7s linear 1.4s both;-moz-animation: f4-11-2 0.7s linear 1.4s both;-o-animation: f4-11-2 0.7s linear 1.4s both;}
.page-current .f4-11-3{animation: f4-11-3 0.7s linear 2.1s both;-webkit-animation: f4-11-3 0.7s linear 2.1s both;-moz-animation: f4-11-3 0.7s linear 2.1s both;-o-animation: f4-11-3 0.7s linear 2.1s both;}
.page-current .f4-11-4{animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;}
/*点*/
@keyframes f4-11-1{
	0%   {top: 45.8%;right:34.6%;visibility: hidden;}
	50%  {top: 26.3%;right:34.6%;visibility: visible;}
	100% {top: 26.3%;right:69.2%;visibility: hidden;}
}
@-moz-keyframes f4-11-1 /* Firefox */{
	0%   {top: 45.8%;right:34.6%;visibility: hidden;}
	50%  {top: 26.3%;right:34.6%;visibility: visible;}
	100% {top: 26.3%;right:69.2%;visibility: hidden;}
}
@-webkit-keyframes f4-11-1 /* Safari 和 Chrome */{
	0%   {top: 45.8%;right:34.6%;visibility: hidden;}
	50%  {top: 26.3%;right:34.6%;visibility: visible;}
	100% {top: 26.3%;right:69.2%;visibility: hidden;}
}
@-o-keyframes f4-11-1 /* Opera */{
	0%   {top: 45.8%;right:34.6%;visibility: hidden;}
	50%  {top: 26.3%;right:34.6%;visibility: visible;}
	100% {top: 26.3%;right:69.2%;visibility: hidden;}
}
/*线1*/
@keyframes f4-11-2{
	0%   {height: 0;width:1px;}
	100%  {height: 19.5%;width:1px;}
}
@-moz-keyframes f4-11-2 /* Firefox */{
	0%   {height: 0;width:1px;}
	100%  {height: 19.5%;width:1px;}
}
@-webkit-keyframes f4-11-2 /* Safari 和 Chrome */{
	0%   {height: 0;width:1px;}
	100%  {height: 19.5%;width:1px;}
}
@-o-keyframes f4-11-2 /* Opera */{
	0%   {height: 0;width:1px;}
	100%  {height: 19.5%;width:1px;}
}
/*线2*/
@keyframes f4-11-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:34.6%;}
}
@-moz-keyframes f4-11-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:34.6%;}
}
@-webkit-keyframes f4-11-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:34.6%;}
}
@-o-keyframes f4-11-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:34.6%;}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f4-11-1{position: absolute;top: 49.8%;right: 34.6%;visibility: hidden;}
	.f4-11-2{position: absolute;bottom: 50.2%;right: 34.9%;width: 1px;background: #4f516c;height: 0%;}
	.f4-11-3{position: absolute;top: 30%;right: 34.9%;width: 0%;background: #4f516c;height: 1px;}
	.f4-11-4{position: absolute;top: 28%;right: 69.2%;opacity: 0;}
	.page-current .f4-11-1{animation: f4-11-1 1.4s linear 1.4s both;-webkit-animation: f4-11-1 1.4s linear 1.4s both;-moz-animation: f4-11-1 1.4s linear 1.4s both;-o-animation: f4-11-1 1.4s linear 1.4s both;}
	.page-current .f4-11-2{animation: f4-11-2 0.7s linear 1.4s both;-webkit-animation: f4-11-2 0.7s linear 1.4s both;-moz-animation: f4-11-2 0.7s linear 1.4s both;-o-animation: f4-11-2 0.7s linear 1.4s both;}
	.page-current .f4-11-3{animation: f4-11-3 0.7s linear 2.1s both;-webkit-animation: f4-11-3 0.7s linear 2.1s both;-moz-animation: f4-11-3 0.7s linear 2.1s both;-o-animation: f4-11-3 0.7s linear 2.1s both;}
	.page-current .f4-11-4{animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;}
	/*点*/
	@keyframes f4-11-1{
		0%   {top: 49.8%;right:34.6%;visibility: hidden;}
		50%  {top: 29.8%;right:34.6%;visibility: visible;}
		100% {top: 29.8%;right:69.2%;visibility: hidden;}
	}
	@-moz-keyframes f4-11-1 /* Firefox */{
		0%   {top: 49.8%;right:34.6%;visibility: hidden;}
		50%  {top: 29.8%;right:34.6%;visibility: visible;}
		100% {top: 29.8%;right:69.2%;visibility: hidden;}
	}
	@-webkit-keyframes f4-11-1 /* Safari 和 Chrome */{
		0%   {top: 49.8%;right:34.6%;visibility: hidden;}
		50%  {top: 29.8%;right:34.6%;visibility: visible;}
		100% {top: 29.8%;right:69.2%;visibility: hidden;}
	}
	@-o-keyframes f4-11-1 /* Opera */{
		0%   {top: 49.8%;right:34.6%;visibility: hidden;}
		50%  {top: 29.8%;right:34.6%;visibility: visible;}
		100% {top: 29.8%;right:69.2%;visibility: hidden;}
	}
	/*线1*/
	@keyframes f4-11-2{
		0%   {height: 0;width:1px;}
		100%  {height: 19.5%;width:1px;}
	}
	@-moz-keyframes f4-11-2 /* Firefox */{
		0%   {height: 0;width:1px;}
		100%  {height: 19.5%;width:1px;}
	}
	@-webkit-keyframes f4-11-2 /* Safari 和 Chrome */{
		0%   {height: 0;width:1px;}
		100%  {height: 19.5%;width:1px;}
	}
	@-o-keyframes f4-11-2 /* Opera */{
		0%   {height: 0;width:1px;}
		100%  {height: 19.5%;width:1px;}
	}
	/*线2*/
	@keyframes f4-11-3{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:34.6%;}
	}
	@-moz-keyframes f4-11-3 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:34.6%;}
	}
	@-webkit-keyframes f4-11-3 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:34.6%;}
	}
	@-o-keyframes f4-11-3 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:34.6%;}
	}	
}
/*河北*/
.f4-12-1{position: absolute;top: 41.8%;right: 30%;visibility: hidden;}
.f4-12-2{position: absolute;bottom: 58.2%;right: 30%;width: 1px;background: #4f516c;height: 0%;}
.f4-12-3{position: absolute;top: 22.4%;right: 30%;width: 0%;background: #4f516c;height: 1px;}
.f4-12-4{position: absolute;top: 21%;right: 64.2%;opacity: 0;}
.page-current .f4-12-1{animation: f4-12-1 1.4s linear 1.4s both;-webkit-animation: f4-12-1 1.4s linear 1.4s both;-moz-animation: f4-12-1 1.4s linear 1.4s both;-o-animation: f4-12-1 1.4s linear 1.4s both;}
.page-current .f4-12-2{animation: f4-12-2 0.7s linear 1.4s both;-webkit-animation: f4-12-2 0.7s linear 1.4s both;-moz-animation: f4-12-2 0.7s linear 1.4s both;-o-animation: f4-12-2 0.7s linear 1.4s both;}
.page-current .f4-12-3{animation: f4-12-3 0.7s linear 2.1s both;-webkit-animation: f4-12-3 0.7s linear 2.1s both;-moz-animation: f4-12-3 0.7s linear 2.1s both;-o-animation: f4-12-3 0.7s linear 2.1s both;}
.page-current .f4-12-4{animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;}
/*点*/
@keyframes f4-12-1{
	0%   {top: 41.8%;right:30%;visibility: hidden;}
	50%  {top: 22.4%;right:30%;visibility: visible;}
	100% {top: 22.4%;right:64.2%;visibility: hidden;}
}
@-moz-keyframes f4-12-1 /* Firefox */{
	0%   {top: 41.8%;right:30%;visibility: hidden;}
	50%  {top: 22.4%;right:30%;visibility: visible;}
	100% {top: 22.4%;right:64.2%;visibility: hidden;}
}
@-webkit-keyframes f4-12-1 /* Safari 和 Chrome */{
	0%   {top: 41.8%;right:30%;visibility: hidden;}
	50%  {top: 22.4%;right:30%;visibility: visible;}
	100% {top: 22.4%;right:64.2%;visibility: hidden;}
}
@-o-keyframes f4-12-1 /* Opera */{
	0%   {top: 41.8%;right:30%;visibility: hidden;}
	50%  {top: 22.4%;right:30%;visibility: visible;}
	100% {top: 22.4%;right:64.2%;visibility: hidden;}
}
/*线1*/
@keyframes f4-12-2{
	0%   {height: 0;width:1px;}
	100%  {height: 19.4%;width:1px;}
}
@-moz-keyframes f4-12-2 /* Firefox */{
	0%   {height: 0;width:1px;}
	100%  {height: 19.4%;width:1px;}
}
@-webkit-keyframes f4-12-2 /* Safari 和 Chrome */{
	0%   {height: 0;width:1px;}
	100%  {height: 19.4%;width:1px;}
}
@-o-keyframes f4-12-2 /* Opera */{
	0%   {height: 0;width:1px;}
	100%  {height: 19.4%;width:1px;}
}
/*线2*/
@keyframes f4-12-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:34.6%;}
}
@-moz-keyframes f4-12-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:34.6%;}
}
@-webkit-keyframes f4-12-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:34.6%;}
}
@-o-keyframes f4-12-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:34.6%;}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f4-12-1{position: absolute;top: 45%;right: 29.5%;visibility: hidden;}
	.f4-12-2{position: absolute;bottom: 55.2%;right: 30%;width: 1px;background: #4f516c;height: 0%;}
	.f4-12-3{position: absolute;top: 25.4%;right: 30%;width: 0%;background: #4f516c;height: 1px;}
	.f4-12-4{position: absolute;top: 23.5%;right: 64.5%;opacity: 0;}
	.page-current .f4-12-1{animation: f4-12-1 1.4s linear 1.4s both;-webkit-animation: f4-12-1 1.4s linear 1.4s both;-moz-animation: f4-12-1 1.4s linear 1.4s both;-o-animation: f4-12-1 1.4s linear 1.4s both;}
	.page-current .f4-12-2{animation: f4-12-2 0.7s linear 1.4s both;-webkit-animation: f4-12-2 0.7s linear 1.4s both;-moz-animation: f4-12-2 0.7s linear 1.4s both;-o-animation: f4-12-2 0.7s linear 1.4s both;}
	.page-current .f4-12-3{animation: f4-12-3 0.7s linear 2.1s both;-webkit-animation: f4-12-3 0.7s linear 2.1s both;-moz-animation: f4-12-3 0.7s linear 2.1s both;-o-animation: f4-12-3 0.7s linear 2.1s both;}
	.page-current .f4-12-4{animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;}
	/*点*/
	@keyframes f4-12-1{
		0%   {top: 45%;right:29.5%;visibility: hidden;}
		50%  {top: 25%;right:29.5%;visibility: visible;}
		100% {top: 25%;right:64.2%;visibility: hidden;}
	}
	@-moz-keyframes f4-12-1 /* Firefox */{
		0%   {top: 45%;right:29.5%;visibility: hidden;}
		50%  {top: 25%;right:29.5%;visibility: visible;}
		100% {top: 25%;right:64.2%;visibility: hidden;}
	}
	@-webkit-keyframes f4-12-1 /* Safari 和 Chrome */{
		0%   {top: 45%;right:29.5%;visibility: hidden;}
		50%  {top: 25%;right:29.5%;visibility: visible;}
		100% {top: 25%;right:64.2%;visibility: hidden;}
	}
	@-o-keyframes f4-12-1 /* Opera */{
		0%   {top: 45%;right:29.5%;visibility: hidden;}
		50%  {top: 25%;right:29.5%;visibility: visible;}
		100% {top: 25%;right:64.2%;visibility: hidden;}
	}
	/*线1*/
	@keyframes f4-12-2{
		0%   {height: 0;width:1px;}
		100%  {height: 19.4%;width:1px;}
	}
	@-moz-keyframes f4-12-2 /* Firefox */{
		0%   {height: 0;width:1px;}
		100%  {height: 19.4%;width:1px;}
	}
	@-webkit-keyframes f4-12-2 /* Safari 和 Chrome */{
		0%   {height: 0;width:1px;}
		100%  {height: 19.4%;width:1px;}
	}
	@-o-keyframes f4-12-2 /* Opera */{
		0%   {height: 0;width:1px;}
		100%  {height: 19.4%;width:1px;}
	}
	/*线2*/
	@keyframes f4-12-3{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:34.6%;}
	}
	@-moz-keyframes f4-12-3 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:34.6%;}
	}
	@-webkit-keyframes f4-12-3 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:34.6%;}
	}
	@-o-keyframes f4-12-3 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:34.6%;}
	}
}
/*四川*/
.f4-13-1{position: absolute;top: 49%;right: 49.6%;visibility: hidden;} /*visibility: hidden;*/
.f4-13-2{position: absolute;top: 49.4%;right: 90.2%;width: 1px;background: #4f516c;height: 0%;}
.f4-13-3{position: absolute;top: 49.4%;right: 51%;width: 0%;background: #4f516c;height: 1px;}
.f4-13-4{position: absolute;top: 66%;left: 11.8%;opacity: 0;}
.f4-13-5{position: absolute;top: 67.6%;left: 9.7%;width: 0%;background: #4f516c;height: 1px;}
/*.page-current .f4-13-1{animation: f4-13-1 1.4s linear 1.4s both;}*/
.page-current .f4-13-2{animation: f4-13-2 0.7s linear 2.1s both;-webkit-animation: f4-13-2 0.7s linear 2.1s both;-moz-animation: f4-13-2 0.7s linear 2.1s both;-o-animation: f4-13-2 0.7s linear 2.1s both;}
.page-current .f4-13-3{animation: f4-13-3 0.7s linear 1.4s both;-webkit-animation: f4-13-3 0.7s linear 1.4s both;-moz-animation: f4-13-3 0.7s linear 1.4s both;-o-animation: f4-13-3 0.7s linear 1.4s both;}
.page-current .f4-13-4{animation: f2-2 0.6s linear 2.9s both;-webkit-animation: f2-2 0.6s linear 2.9s both;-moz-animation: f2-2 0.6s linear 2.9s both;-o-animation: f2-2 0.6s linear 2.9s both;}
.page-current .f4-13-5{animation: f4-13-5 0.1s linear 2.8s both;-webkit-animation: f4-13-5 0.1s linear 2.8s both;-moz-animation: f4-13-5 0.1s linear 2.8s both;-o-animation: f4-13-5 0.1s linear 2.8s both;}
/*点*/
@keyframes f4-13-1{
	0%   {top: 49%;right:49.6%;visibility: hidden;}
	50%  {top: 49%;right:89%;visibility: visible;}
	100% {top: 67.3%;right:89%;visibility: hidden;}
}
@-moz-keyframes f4-13-1 /* Firefox */{
	0%   {top: 49%;right:49.6%;visibility: hidden;}
	50%  {top: 49%;right:89%;visibility: visible;}
	100% {top: 69.3%;right:89%;visibility: hidden;}
}
@-webkit-keyframes f4-13-1 /* Safari 和 Chrome */{
	0%   {top: 49%;right:49.6%;visibility: hidden;}
	50%  {top: 49%;right:89%;visibility: visible;}
	100% {top: 69.3%;right:89%;visibility: hidden;}
}
@-o-keyframes f4-13-1 /* Opera */{
	0%   {top: 49%;right:49.6%;visibility: hidden;}
	50%  {top: 49%;right:89%;visibility: visible;}
	100% {top: 69.3%;right:89%;visibility: hidden;}
}
/*线1*/
@keyframes f4-13-2{
	0%   {height: 0;width:1px;}
	100%  {height: 18.3%;width:1px;}
}
@-moz-keyframes f4-13-2 /* Firefox */{
	0%   {height: 0;width:1px;}
	100%  {height: 18.3%;width:1px;}
}
@-webkit-keyframes f4-13-2 /* Safari 和 Chrome */{
	0%   {height: 0;width:1px;}
	100%  {height: 18.3%;width:1px;}
}
@-o-keyframes f4-13-2 /* Opera */{
	0%   {height: 0;width:1px;}
	100%  {height: 18.3%;width:1px;}
}
/*线2*/
@keyframes f4-13-3{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:39.4%;}
}
@-moz-keyframes f4-13-3 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:39.4%;}
}
@-webkit-keyframes f4-13-3 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:39.4%;}
}
@-o-keyframes f4-13-3 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:39.4%;}
}
/*线3*/
@keyframes f4-13-5{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:2%;}
}
@-moz-keyframes f4-13-5 /* Firefox */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:2%;}
}
@-webkit-keyframes f4-13-5 /* Safari 和 Chrome */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:2%;}
}
@-o-keyframes f4-13-5 /* Opera */{
	0%   {height: 1px;width:0%;}
	100%  {height: 1px;width:2%;}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f4-13-1{position: absolute;top: 53.8%;right: 49.6%;visibility: hidden;} /*visibility: hidden;*/
	.f4-13-2{position: absolute;top: 54.2%;right: 90.2%;width: 1px;background: #4f516c;height: 0%;}
	.f4-13-3{position: absolute;top: 54.2%;right: 51%;width: 0%;background: #4f516c;height: 1px;}
	.f4-13-4{position: absolute;top: 70%;left: 11.8%;opacity: 0;}
	.f4-13-5{position: absolute;top: 72.2%;left: 9.7%;width: 0%;background: #4f516c;height: 1px;}
	.page-current .f4-13-1{animation: f4-13-1 1.4s linear 1.4s both;-webkit-animation: f4-13-1 1.4s linear 1.4s both;-moz-animation: f4-13-1 1.4s linear 1.4s both;-o-animation: f4-13-1 1.4s linear 1.4s both;}
	.page-current .f4-13-2{animation: f4-13-2 0.7s linear 2.1s both;-webkit-animation: f4-13-2 0.7s linear 2.1s both;-moz-animation: f4-13-2 0.7s linear 2.1s both;-o-animation: f4-13-2 0.7s linear 2.1s both;}
	.page-current .f4-13-3{animation: f4-13-3 0.7s linear 1.4s both;-webkit-animation: f4-13-3 0.7s linear 1.4s both;-moz-animation: f4-13-3 0.7s linear 1.4s both;-o-animation: f4-13-3 0.7s linear 1.4s both;}
	.page-current .f4-13-4{animation: f2-2 0.6s linear 2.9s both;-webkit-animation: f2-2 0.6s linear 2.9s both;-moz-animation: f2-2 0.6s linear 2.9s both;-o-animation: f2-2 0.6s linear 2.9s both;}
	.page-current .f4-13-5{animation: f4-13-5 0.1s linear 2.8s both;-webkit-animation: f4-13-5 0.1s linear 2.8s both;-moz-animation: f4-13-5 0.1s linear 2.8s both;-o-animation: f4-13-5 0.1s linear 2.8s both;}
	/*点*/
	@keyframes f4-13-1{
		0%   {top: 53.8%;right:49.6%;visibility: hidden;}
		50%  {top: 53.8%;right:89.6%;visibility: visible;}
		100% {top: 71.8%;right:89.6%;visibility: hidden;}
	}
	@-moz-keyframes f4-13-1 /* Firefox */{
		0%   {top: 53.8%;right:49.6%;visibility: hidden;}
		50%  {top: 53.8%;right:89.6%;visibility: visible;}
		100% {top: 71.8%;right:89.6%;visibility: hidden;}
	}
	@-webkit-keyframes f4-13-1 /* Safari 和 Chrome */{
		0%   {top: 53.8%;right:49.6%;visibility: hidden;}
		50%  {top: 53.8%;right:89.6%;visibility: visible;}
		100% {top: 71.8%;right:89.6%;visibility: hidden;}
	}
	@-o-keyframes f4-13-1 /* Opera */{
		0%   {top: 53.8%;right:49.6%;visibility: hidden;}
		50%  {top: 53.8%;right:89.6%;visibility: visible;}
		100% {top: 71.8%;right:89.6%;visibility: hidden;}
	}
	/*线1*/
	@keyframes f4-13-2{
		0%   {height: 0;width:1px;}
		100%  {height: 18.3%;width:1px;}
	}
	@-moz-keyframes f4-13-2 /* Firefox */{
		0%   {height: 0;width:1px;}
		100%  {height: 18.3%;width:1px;}
	}
	@-webkit-keyframes f4-13-2 /* Safari 和 Chrome */{
		0%   {height: 0;width:1px;}
		100%  {height: 18.3%;width:1px;}
	}
	@-o-keyframes f4-13-2 /* Opera */{
		0%   {height: 0;width:1px;}
		100%  {height: 18.3%;width:1px;}
	}
	/*线2*/
	@keyframes f4-13-3{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:39.4%;}
	}
	@-moz-keyframes f4-13-3 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:39.4%;}
	}
	@-webkit-keyframes f4-13-3 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:39.4%;}
	}
	@-o-keyframes f4-13-3 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:39.4%;}
	}
	/*线3*/
	@keyframes f4-13-5{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:2%;}
	}
	@-moz-keyframes f4-13-5 /* Firefox */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:2%;}
	}
	@-webkit-keyframes f4-13-5 /* Safari 和 Chrome */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:2%;}
	}
	@-o-keyframes f4-13-5 /* Opera */{
		0%   {height: 1px;width:0%;}
		100%  {height: 1px;width:2%;}
	}
}
/*第五页*/
.f5-1{position: absolute;top: 3.7%;left: 22.8%;width: 54.4%;opacity: 0;}
.page-current .f5-1{animation: f2-1 1s linear 0s both;-webkit-animation: f2-1 1s linear 0s both;-moz-animation: f2-1 1s linear 0s both;-o-animation: f2-1 1s linear 0s both;}
.f5-1-1{position: absolute;top: 0;left: 0;}
.f5-1-2{position: absolute;top: 0;left: 0;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
.f5-2{position: absolute;top: 17.1%;left: 33.6%;}
.f5-3{position: absolute;top: 17.1%;right: 33.6%;}
.f5-4{position: absolute;top:33% ;left: 0;width: 100%;}
.f5-7{position: absolute;top:15.7% ;left: 8.8%;opacity: 0}
.page-current .f5-7{animation: f5-7 0.4s linear 2s both;-webkit-animation: f5-7 0.4s linear 2s both;-moz-animation: f5-7 0.4s linear 2s both;-o-animation: f5-7 0.4s linear 2s both;}
.f5-8{position: absolute;top:15.7% ;right: 8.8%;opacity: 0}
.page-current .f5-8{animation: f5-7 0.4s linear 2s both;-webkit-animation: f5-7 0.4s linear 2s both;-moz-animation: f5-7 0.4s linear 2s both;-o-animation: f5-7 0.4s linear 2s both;}
@keyframes f5-7{
    0%   {top: 10%;opacity: 0;}
    100% {top: 15.7%;opacity: 1;}
}
@-moz-keyframes f5-7 /* Firefox */{
    0%   {top: 10%;opacity: 0;}
    100% {top: 15.7%;opacity: 1;}
}
@-webkit-keyframes f5-7 /* Safari 和 Chrome */{
    0%   {top: 10%;opacity: 0;}
    100% {top: 15.7%;opacity: 1;}
}
@-o-keyframes f5-7 /* Opera */{
    0%   {top: 10%;opacity: 0;}
    100% {top: 15.7%;opacity: 1;}
}

/*圆*/
@keyframes spin{
    0%   { transform: rotate(0deg); }
  100% { transform: rotate(170deg) ; }
    }
    @-moz-keyframes spin /* Firefox */{
        0%   { transform: rotate(0deg); }
  100% { transform: rotate(170deg) ; }
    }
    @-webkit-keyframes spin /* Safari 和 Chrome */{
        0%   { transform: rotate(0deg); -webkit-transform: rotate(0deg);}
  100% { transform: rotate(170deg) ;-webkit-transform: rotate(170deg) ; }
    }
    @-o-keyframes spin /* Opera */{
       0%   { transform: rotate(0deg); }
  100% { transform: rotate(170deg) ; }
    }

@keyframes spin2{
         0%   { transform: rotate(0deg); }
  100% { transform: rotate(0deg) ; }
    }
    @-moz-keyframes spin2 /* Firefox */{
        0%   { transform: rotate(0deg); }
  100% { transform: rotate(0deg) ; }
    }
    @-webkit-keyframes spin2 /* Safari 和 Chrome */{
         0%   { transform: rotate(0deg);-webkit-transform: rotate(0deg); }
  100% { transform: rotate(0deg) ; }
    }
    @-o-keyframes spin2 /* Opera */{
       0%   { transform: rotate(0deg); }
  100% { transform: rotate(0deg) ; }
    }

.circle {
    width: 250px;
    height: 250px;  
    position: absolute;
    border-radius: 50%;
    background: #ee614d;
    border: 5px solid #36384d;
}
.pie_left, .pie_right {
    width: 250px; 
    height: 250px;
    position: absolute;
    top: 0;left: 0;
}
.left, .right {
    display: block;
    width:250px; 
    height:250px;
    background:#53c4e4;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    /*transform: rotate(0deg);*/
    animation: spin 1.8s linear 0s both;-webkit-animation: spin 1.8s linear 0s both;-moz-animation: spin 1.8s linear 0s both;-o-animation: spin 1.8s linear 0s both;
}
.pie_right, .right {
    clip:rect(0,auto,auto,125px);
    
}
.pie_left, .left {
    clip:rect(0,125px,auto,0);
    animation: spin2 0.1s linear 0s both;-webkit-animation: spin2 0.1s linear 0s both;-moz-animation: spin2 0.1s linear 0s both;-o-animation: spin2 0.1s linear 0s both;
}

.aa{ width:250px; position:relative; margin: 0 auto; height:250px; display:block;}
.f5-4-1{width: 125px;height:125px;position: absolute;top: 67.5px;left: 67.5px;z-index: 999;background: url(/Public/Special/Img/firstAnniversary/3f09.png) no-repeat;background-size: contain;}
.f5-5{position: absolute;z-index: 998;top: 105px;left: 16px;width: 35px;animation: f5-5 0.2s linear 1.4s both;-webkit-animation: f5-5 0.2s linear 1.4s both;-moz-animation: f5-5 0.2s linear 1.4s both;-o-animation: f5-5 0.2s linear 1.4s both;}
.f5-6{position: absolute;z-index: 998;top: 100px;right: 10px;width: 28px;animation: f5-6 0.2s linear 1.4s both;-webkit-animation: f5-6 0.2s linear 1.4s both;-moz-animation: f5-6 0.2s linear 1.4s both;-o-animation: f5-6 0.2s linear 1.4s both;}
@keyframes f5-5{
    0%   {top: 70px;opacity: 0;visibility: hidden;}
    100% {top: 105px;opacity: 1;visibility: visible;}
}
@-moz-keyframes f5-5 /* Firefox */{
    0%   {top: 70px;opacity: 0;visibility: hidden;}
    100% {top: 105px;opacity: 1;visibility: visible;}
}
@-webkit-keyframes f5-5 /* Safari 和 Chrome */{
    0%   {top: 70px;opacity: 0;visibility: hidden;}
    100% {top: 105px;opacity: 1;visibility: visible;}
}
@-o-keyframes f5-5 /* Opera */{
    0%   {top: 70px;opacity: 0;visibility: hidden;}
    100% {top: 105px;opacity: 1;visibility: visible;}
}
@keyframes f5-6{
    0%   {top: 65px;opacity: 0;visibility: hidden;}
    100% {top: 100px;opacity: 1;visibility: visible;}
}
@-moz-keyframes f5-6 /* Firefox */{
    0%   {top: 65px;opacity: 0;visibility: hidden;}
    100% {top: 100px;opacity: 1;visibility: visible;}
}
@-webkit-keyframes f5-6 /* Safari 和 Chrome */{
    0%   {top: 65px;opacity: 0;visibility: hidden;}
    100% {top: 100px;opacity: 1;visibility: visible;}
}
@-o-keyframes f5-6 /* Opera */{
    0%   {top: 65px;opacity: 0;visibility: hidden;}
    100% {top: 100px;opacity: 1;visibility: visible;}
}
.f5-9{position: absolute;left: 0;bottom: 15.6%;}
.page-current .f5-9{animation: f5-9 0.2s linear 1.2s both;-webkit-animation: f5-9 0.2s linear 1.2s both;-moz-animation: f5-9 0.2s linear 1.2s both;-o-animation: f5-9 0.2s linear 1.2s both;}
@keyframes f5-9{
	0%   {bottom: 12%;opacity: 0;visibility: visible;}
	100% {bottom: 15.6%;opacity: 1;visibility: visible;}
}
@-moz-keyframes f5-9 /* Firefox */{
	0%   {bottom: 12%;opacity: 0;visibility: visible;}
	100% {bottom: 15.6%;opacity: 1;visibility: visible;}
}
@-webkit-keyframes f5-9 /* Safari 和 Chrome */{
	0%   {bottom: 12%;opacity: 0;visibility: visible;}
	100% {bottom: 15.6%;opacity: 1;visibility: visible;}
}
@-o-keyframes f5-9 /* Opera */{
	0%   {bottom: 12%;opacity: 0;visibility: visible;}
	100% {bottom: 15.6%;opacity: 1;visibility: visible;}
}
@media (min-width: 320px) and (max-height: 568px) {
	/*圆*/
	@keyframes spin{
	    0%   { transform: rotate(0deg); }
	  	100% { transform: rotate(170deg) ; }
	}
	@-moz-keyframes spin /* Firefox */{
	    0%   { transform: rotate(0deg); }
		100% { transform: rotate(170deg) ; }
	}
	@-webkit-keyframes spin /* Safari 和 Chrome */{
	    0%   { transform: rotate(0deg);-webkit-transform: rotate(0deg); }
		100% { transform: rotate(170deg) ;-webkit-transform: rotate(170deg) ; }
	}
	@-o-keyframes spin /* Opera */{
		0%   { transform: rotate(0deg); }
	  	100% { transform: rotate(170deg) ; }
	}
	@keyframes spin2{
	    0%   { transform: rotate(0deg); }
	  	100% { transform: rotate(0deg) ; }
	}
	@-moz-keyframes spin2 /* Firefox */{
	    0%   { transform: rotate(0deg); }
		100% { transform: rotate(0deg) ; }
	}
	@-webkit-keyframes spin2 /* Safari 和 Chrome */{
	    0%   { transform: rotate(0deg);-webkit-transform: rotate(0deg); }
	  100% { transform: rotate(0deg) ;-webkit-transform: rotate(0deg); }
	}
	@-o-keyframes spin2 /* Opera */{
	    0%   { transform: rotate(0deg); }
		100% { transform: rotate(0deg) ; }
	}
	 
	
	.circle {
	    width: 200px;
	    height: 200px;  
	    position: absolute;
	    border-radius: 50%;
	    background: #ee614d;
	    border: 5px solid #36384d;
	}
	.pie_left, .pie_right {
	    width: 200px; 
	    height: 200px;
	    position: absolute;
	    top: 0;left: 0;
	}
	.left, .right {
	    display: block;
	    width:200px; 
	    height:200px;
	    background:#53c4e4;
	    border-radius: 50%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    /*transform: rotate(0deg);*/
	    animation: spin 1.8s linear 0s both;-webkit-animation: spin 1.8s linear 0s both;-moz-animation: spin 1.8s linear 0s both;-o-animation: spin 1.8s linear 0s both;
	}
	.pie_right, .right {
	    clip:rect(0,auto,auto,100px);
	    
	}
	.pie_left, .left {
	    clip:rect(0,100px,auto,0);
	    animation: spin2 0.1s linear 0s both;-webkit-animation: spin2 0.1s linear 0s both;-moz-animation: spin2 0.1s linear 0s both;-o-animation: spin2 0.1s linear 0s both;
	}
	
	.aa{ width:200px; position:relative; margin: 0 auto; height:200px; display:block;}
	.f5-4-1{width: 100px;height:100px;position: absolute;top: 55px;left: 55px;z-index: 999;background: url(/Public/Special/Img/firstAnniversary/3f09.png) no-repeat;background-size: contain;}
	.f5-5{position: absolute;z-index: 998;top: 85px;left: 16px;width: 30px;animation: f5-5 0.2s linear 1.4s both;-webkit-animation: f5-5 0.2s linear 1.4s both;-moz-animation: f5-5 0.2s linear 1.4s both;-o-animation: f5-5 0.2s linear 1.4s both;}
	.f5-6{position: absolute;z-index: 998;top: 82px;right: 10px;width: 23px;animation: f5-6 0.2s linear 1.4s both;-webkit-animation: f5-6 0.2s linear 1.4s both;-moz-animation: f5-6 0.2s linear 1.4s both;-o-animation: f5-6 0.2s linear 1.4s both;}
	@keyframes f5-5{
	    0%   {top: 60px;opacity: 0;visibility: hidden;}
	    100% {top: 85px;opacity: 1;visibility: visible;}
	}
	@-moz-keyframes f5-5 /* Firefox */{
	    0%   {top: 60px;opacity: 0;visibility: hidden;}
	    100% {top: 85px;opacity: 1;visibility: visible;}
	}
	@-webkit-keyframes f5-5 /* Safari 和 Chrome */{
	    0%   {top: 60px;opacity: 0;visibility: hidden;}
	    100% {top: 85px;opacity: 1;visibility: visible;}
	}
	@-o-keyframes f5-5 /* Opera */{
	    0%   {top: 60px;opacity: 0;visibility: hidden;}
	    100% {top: 85px;opacity: 1;visibility: visible;}
	}
	@keyframes f5-6{
	    0%   {top: 57px;opacity: 0;visibility: hidden;}
	    100% {top: 82px;opacity: 1;visibility: visible;}
	}
	@-moz-keyframes f5-6 /* Firefox */{
	    0%   {top: 57px;opacity: 0;visibility: hidden;}
	    100% {top: 82px;opacity: 1;visibility: visible;}
	}
	@-webkit-keyframes f5-6 /* Safari 和 Chrome */{
	    0%   {top: 57px;opacity: 0;visibility: hidden;}
	    100% {top: 82px;opacity: 1;visibility: visible;}
	}
	@-o-keyframes f5-6 /* Opera */{
	    0%   {top: 57px;opacity: 0;visibility: hidden;}
	    100% {top: 82px;opacity: 1;visibility: visible;}
	}
	.f5-9{position: absolute;left: 0;bottom: 12.6%;visibility: hidden;}
	.page-current .f5-9{visibility: hidden;animation: f5-9 0.2s linear 1.2s both;-webkit-animation: f5-9 0.2s linear 1.2s both;-moz-animation: f5-9 0.2s linear 1.2s both;-o-animation: f5-9 0.2s linear 1.2s both;}
	@keyframes f5-9{
		0%   {bottom: 10%;opacity: 0;visibility: hidden;}
		100% {bottom: 12.6%;opacity: 1;visibility: visible;}
	}
	@-moz-keyframes f5-9 /* Firefox */{
		0%   {bottom: 10%;opacity: 0;visibility: hidden;}
		100% {bottom: 12.6%;opacity: 1;visibility: visible;}
	}
	@-webkit-keyframes f5-9 /* Safari 和 Chrome */{
		0%   {bottom: 10%;opacity: 0;visibility: hidden;}
		100% {bottom: 12.6%;opacity: 1;visibility: visible;}
	}
	@-o-keyframes f5-9 /* Opera */{
		0%   {bottom: 10%;opacity: 0;visibility: hidden;}
		100% {bottom: 12.6%;opacity: 1;visibility: visible;}
	}
}

/*第六页*/
.f6-1{position: absolute;top: 3.7%;left: 23.4%;width: 52.2%;opacity: 0;}
.page-current .f6-1{animation: f2-1 1s linear 0s both;-webkit-animation: f2-1 1s linear 0s both;-moz-animation: f2-1 1s linear 0s both;-o-animation: f2-1 1s linear 0s both;}
.f6-1-1{position: absolute;top: 0;left: 0;}
.f6-1-2{position: absolute;top: 0;left: 0;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
.f6-2{width: 80%;padding: 10%;position: absolute;top: 15%;left: 0;}
.f6-2-1{width: 80%;position: absolute;top: 10%;left: 10%;height: 78.3%;overflow: hidden}
.f6-2-2{float: left;margin-right: 8%;}
.f621{position: absolute;bottom: 0%;left: 0%; width: 10%;animation: f621 1s linear 1.5s both;-webkit-animation: f621 1s linear 1.5s both;-moz-animation: f621 1s linear 1.5s both;-o-animation: f621 1s linear 1.5s both;}
.f622{position: absolute;bottom: 0%;left: 18%;width: 10%;animation: f622 1.2s linear 1.5s both;-webkit-animation: f622 1.2s linear 1.5s both;-moz-animation: f622 1.2s linear 1.5s both;-o-animation: f622 1.2s linear 1.5s both;}
.f623{position: absolute;bottom: 0%;left: 36%;width: 10%;animation: f623 0.8s linear 1.5s both;-webkit-animation: f623 0.8s linear 1.5s both;-moz-animation: f623 0.8s linear 1.5s both;-o-animation: f623 0.8s linear 1.5s both;}
.f624{position: absolute;bottom: 0%;left: 54%;width: 10%;animation: f624 0.6s linear 1.5s both;-webkit-animation: f624 0.6s linear 1.5s both;-moz-animation: f624 0.6s linear 1.5s both;-o-animation: f624 0.6s linear 1.5s both;}
.f625{position: absolute;bottom: 0%;left: 72%;width: 10%;animation: f625 0.4s linear 1.5s both;-webkit-animation: f625 0.4s linear 1.5s both;-moz-animation: f625 0.4s linear 1.5s both;-o-animation: f625 0.4s linear 1.5s both;}
.f626{position: absolute;bottom: 0%;left: 90%;width: 10%;animation: f626 0.2s linear 1.5s both;-webkit-animation: f626 0.2s linear 1.5s both;-moz-animation: f626 0.2s linear 1.5s both;-o-animation: f626 0.2s linear 1.5s both;}
@keyframes f621{
	0%   {bottom: -74%;}
	100% {bottom: 0%;}
}
@-moz-keyframes f621 /* Firefox */{
	0%   {bottom: -74%;}
	100% {bottom: 0%;}
}
@-webkit-keyframes f621 /* Safari 和 Chrome */{
	0%   {bottom: -74%;}
	100% {bottom: 0%;}
}
@-o-keyframes f621 /* Opera */{
	0%   {bottom: -74%;}
	100% {bottom: 0%;}
}
@keyframes f622{
	0%   {bottom: -83%;}
	100% {bottom: 0%;}
}
@-moz-keyframes f622 /* Firefox */{
	0%   {bottom: -83%;}
	100% {bottom: 0%;}
}
@-webkit-keyframes f622 /* Safari 和 Chrome */{
	0%   {bottom: -83%;}
	100% {bottom: 0%;}
}
@-o-keyframes f622 /* Opera */{
	0%   {bottom: -83%;}
	100% {bottom: 0%;}
}
@keyframes f623{
	0%   {bottom: -32%;}
	100% {bottom: 0%;}
}
@-moz-keyframes f623 /* Firefox */{
	0%   {bottom: -32%;}
	100% {bottom: 0%;}
}
@-webkit-keyframes f623 /* Safari 和 Chrome */{
	0%   {bottom: -32%;}
	100% {bottom: 0%;}
}
@-o-keyframes f623 /* Opera */{
	0%   {bottom: -32%;}
	100% {bottom: 0%;}
}
@keyframes f624{
	0%   {bottom: -20%;}
	100% {bottom: 0%;}
}
@-moz-keyframes f624 /* Firefox */{
	0%   {bottom: -20%;}
	100% {bottom: 0%;}
}
@-webkit-keyframes f624 /* Safari 和 Chrome */{
	0%   {bottom: -20%;}
	100% {bottom: 0%;}
}
@-o-keyframes f624 /* Opera */{
	0%   {bottom: -20%;}
	100% {bottom: 0%;}
}
@keyframes f625{
	0%   {bottom: -15%;}
	100% {bottom: 0%;}
}
@-moz-keyframes f625 /* Firefox */{
	0%   {bottom: -15%;}
	100% {bottom: 0%;}
}
@-webkit-keyframes f625 /* Safari 和 Chrome */{
	0%   {bottom: -15%;}
	100% {bottom: 0%;}
}
@-o-keyframes f625 /* Opera */{
	0%   {bottom: -15%;}
	100% {bottom: 0%;}
}
@keyframes f626{
	0%   {bottom: -10%;}
	100% {bottom: 0%;}
}
@-moz-keyframes f626 /* Firefox */{
	0%   {bottom: -10%;}
	100% {bottom: 0%;}
}
@-webkit-keyframes f626 /* Safari 和 Chrome */{
	0%   {bottom: -10%;}
	100% {bottom: 0%;}
}
@-o-keyframes f626 /* Opera */{
	0%   {bottom: -10%;}
	100% {bottom: 0%;}
}
.f6-3{position: absolute;top: 94%;left: 0;}
.f6-4{position: absolute;bottom: 15%;left: 0;visibility: hidden;}
.page-current .f6-4{animation: f6-4 0.8s linear 2s both;-webkit-animation: f6-4 0.8s linear 2s both;-moz-animation: f6-4 0.8s linear 2s both;-o-animation: f6-4 0.8s linear 2s both;}
@keyframes f6-4{
	0%   {bottom: 10%;opacity: 0;visibility: hidden;}
	100% {bottom: 15%;opacity: 1;visibility: visible;}
}
@-moz-keyframes f6-4 /* Firefox */{
	0%   {bottom: 10%;opacity: 0;visibility: hidden;}
	100% {bottom: 15%;opacity: 1;visibility: visible;}
}
@-webkit-keyframes f6-4 /* Safari 和 Chrome */{
	0%   {bottom: 10%;opacity: 0;visibility: hidden;}
	100% {bottom: 15%;opacity: 1;visibility: visible;}
}
@-o-keyframes f6-4 /* Opera */{
	0%   {bottom: 10%;opacity: 0;visibility: hidden;}
	100% {bottom: 15%;opacity: 1;visibility: visible;}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f6-2{top: 7%;}	
}


/*第八页*/
.f7-1{position: absolute;top: 3.7%;left: 26.7%;width: 45.6%;opacity: 0;}
.page-current .f7-1{animation: f2-1 1s linear 0s both;-webkit-animation: f2-1 1s linear 0s both;-moz-animation: f2-1 1s linear 0s both;-o-animation: f2-1 1s linear 0s both;}
.f7-1-1{position: absolute;top: 0;left: 0;}
.f7-1-2{position: absolute;top: 0;left: 0;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
.f7-2{width: 100%;position: absolute;top: 19.6%;left: 0;}
.f7-2-1{float: left;}
.f7-2-2{position: absolute;bottom: 7.2%;left: 0;width: 100%;overflow: hidden;}
.f7-2-2-1{position: absolute;bottom: 0%;left: 0;animation: f7-2-2-1 0.8s linear 2s both;-webkit-animation: f7-2-2-1 0.8s linear 2s both;-moz-animation: f7-2-2-1 0.8s linear 2s both;-o-animation: f7-2-2-1 0.8s linear 2s both;}
@keyframes f7-2-2-1{
	0%   {bottom: -100%;opacity: 0;}
	100% {bottom: 0%;opacity: 1;}
}
@-moz-keyframes f7-2-2-1 /* Firefox */{
	0%   {bottom: -100%;opacity: 0;}
	100% {bottom: 0%;opacity: 1;}
}
@-webkit-keyframes f7-2-2-1 /* Safari 和 Chrome */{
	0%   {bottom: -100%;opacity: 0;}
	100% {bottom: 0%;opacity: 1;}
}
@-o-keyframes f7-2-2-1 /* Opera */{
	0%   {bottom: -100%;opacity: 0;}
	100% {bottom: 0%;opacity: 1;}
}

.f7-3{position: absolute;top: 34%;left: 28%;animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;opacity: 0;}
.f7-4{position: absolute;top: 39%;left: 55.5%;animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;opacity: 0;}
.f7-5{position: absolute;top: 48%;left: 42%;animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;opacity: 0;}
.f7-6{position: absolute;top: 85%;left: 14%;animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;opacity: 0;}
.f7-7{position: absolute;top: 65.4%;left: 69.4%;animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;opacity: 0;}
.f7-8{position: absolute;top: 67%;left: 83%;animation: f2-2 0.6s linear 2.8s both;-webkit-animation: f2-2 0.6s linear 2.8s both;-moz-animation: f2-2 0.6s linear 2.8s both;-o-animation: f2-2 0.6s linear 2.8s both;opacity: 0;}

.f7-9{position: absolute;top:20%;left: 21%;animation: f7-9 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-webkit-animation: f7-9 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-moz-animation: f7-9 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-o-animation: f7-9 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;}
.f7-10{position: absolute;top:25%;left: 49%;animation: f7-10 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-webkit-animation: f7-10 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-moz-animation: f7-10 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-o-animation: f7-10 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;}
.f7-11{position: absolute;top:35%;left: 35%;animation: f7-11 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-webkit-animation: f7-11 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-moz-animation: f7-11 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-o-animation: f7-11 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;}
.f7-12{position: absolute;top:72%;left: 7%;animation: f7-12 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-webkit-animation: f7-12 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-moz-animation: f7-12 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-o-animation: f7-12 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;}
.f7-13{position: absolute;top:52%;left: 63%;animation: f7-13 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-webkit-animation: f7-13 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-moz-animation: f7-13 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-o-animation: f7-13 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;}
.f7-14{position: absolute;top:56%;left: 76%;animation: f7-14 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-webkit-animation: f7-14 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-moz-animation: f7-14 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;-o-animation: f7-14 0.4s cubic-bezier(0.4, 0, 1, 1) 2.5s both;}
@keyframes f7-9{
	0%   {top: 10%;opacity: 0;}
	100% {top: 20%;opacity: 1;}
}
@-moz-keyframes f7-9 /* Firefox */{
	0%   {top: 10%;opacity: 0;}
	100% {top: 20%;opacity: 1;}
}
@-webkit-keyframes f7-9 /* Safari 和 Chrome */{
	0%   {top: 10%;opacity: 0;}
	100% {top: 20%;opacity: 1;}
}
@-o-keyframes f7-9 /* Opera */{
	0%   {top: 10%;opacity: 0;}
	100% {top: 20%;opacity: 1;}
}
@keyframes f7-10{
	0%   {top: 15%;opacity: 0;}
	100% {top: 25%;opacity: 1;}
}
@-moz-keyframes f7-10 /* Firefox */{
	0%   {top: 15%;opacity: 0;}
	100% {top: 25%;opacity: 1;}
}
@-webkit-keyframes f7-10 /* Safari 和 Chrome */{
	0%   {top: 15%;opacity: 0;}
	100% {top: 25%;opacity: 1;}
}
@-o-keyframes f7-10 /* Opera */{
	0%   {top: 15%;opacity: 0;}
	100% {top: 25%;opacity: 1;}
}
@keyframes f7-11{
	0%   {top: 25%;opacity: 0;}
	100% {top: 35%;opacity: 1;}
}
@-moz-keyframes f7-11 /* Firefox */{
	0%   {top: 25%;opacity: 0;}
	100% {top: 35%;opacity: 1;}
}
@-webkit-keyframes f7-11 /* Safari 和 Chrome */{
	0%   {top: 25%;opacity: 0;}
	100% {top: 35%;opacity: 1;}
}
@-o-keyframes f7-11 /* Opera */{
	0%   {top: 25%;opacity: 0;}
	100% {top: 35%;opacity: 1;}
}
@keyframes f7-12{
	0%   {top: 62%;opacity: 0;}
	100% {top: 72%;opacity: 1;}
}
@-moz-keyframes f7-12 /* Firefox */{
	0%   {top: 62%;opacity: 0;}
	100% {top: 72%;opacity: 1;}
}
@-webkit-keyframes f7-12 /* Safari 和 Chrome */{
	0%   {top: 62%;opacity: 0;}
	100% {top: 72%;opacity: 1;}
}
@-o-keyframes f7-12 /* Opera */{
	0%   {top: 62%;opacity: 0;}
	100% {top: 72%;opacity: 1;}
}
@keyframes f7-13{
	0%   {top: 42%;opacity: 0;}
	100% {top: 52%;opacity: 1;}
}
@-moz-keyframes f7-13 /* Firefox */{
	0%   {top: 42%;opacity: 0;}
	100% {top: 52%;opacity: 1;}
}
@-webkit-keyframes f7-13 /* Safari 和 Chrome */{
	0%   {top: 42%;opacity: 0;}
	100% {top: 52%;opacity: 1;}
}
@-o-keyframes f7-13 /* Opera */{
	0%   {top: 42%;opacity: 0;}
	100% {top: 52%;opacity: 1;}
}
@keyframes f7-14{
	0%   {top: 46%;opacity: 0;}
	100% {top: 56%;opacity: 1;}
}
@-moz-keyframes f7-14 /* Firefox */{
	0%   {top: 46%;opacity: 0;}
	100% {top: 56%;opacity: 1;}
}
@-webkit-keyframes f7-14 /* Safari 和 Chrome */{
	0%   {top: 46%;opacity: 0;}
	100% {top: 56%;opacity: 1;}
}
@-o-keyframes f7-14 /* Opera */{
	0%   {top: 46%;opacity: 0;}
	100% {top: 56%;opacity: 1;}
}

.f7-15{position: absolute;bottom:16% ;left: 0;opacity: 0;}
.page-current .f7-15{animation: f7-15 0.8s linear 2s both;-webkit-animation: f7-15 0.8s linear 2s both;-moz-animation: f7-15 0.8s linear 2s both;-o-animation: f7-15 0.8s linear 2s both;opacity: 0;}
@keyframes f7-15{
	0%   {bottom: 10%;opacity: 0;}
	100% {bottom: 16%;opacity: 1;}
}
@-moz-keyframes f7-15 /* Firefox */{
	0%   {bottom: 10%;opacity: 0;}
	100% {bottom: 16%;opacity: 1;}
}
@-webkit-keyframes f7-15 /* Safari 和 Chrome */{
	0%   {bottom: 10%;opacity: 0;}
	100% {bottom: 16%;opacity: 1;}
}
@-o-keyframes f7-15 /* Opera */{
	0%   {bottom: 10%;opacity: 0;}
	100% {bottom: 16%;opacity: 1;}
}

@media (min-width: 320px) and (max-height: 480px) {
	.f7-15{position: absolute;bottom:13% ;left: 0;opacity: 0;}
	@keyframes f7-15{
		0%   {bottom: 10%;opacity: 0;}
		100% {bottom: 13%;opacity: 1;}
	}
	@-moz-keyframes f7-15 /* Firefox */{
		0%   {bottom: 10%;opacity: 0;}
		100% {bottom: 13%;opacity: 1;}
	}
	@-webkit-keyframes f7-15 /* Safari 和 Chrome */{
		0%   {bottom: 10%;opacity: 0;}
		100% {bottom: 13%;opacity: 1;}
	}
	@-o-keyframes f7-15 /* Opera */{
		0%   {bottom: 10%;opacity: 0;}
		100% {bottom: 13%;opacity: 1;}
	}
}
/*第九页*/
.f9-1{position: absolute;top: 9.4%;left: 9.6%;opacity: 0;}
.f9-2{position: absolute;top: 13.7%;right: 20%;opacity: 0;}
.f9-3{position: absolute;top: 25.2%;left: 7.6%;}
.f9-4-1{width: 73.3%;position: absolute;left:15.8%;top: 30.5%;height: 5.8%;overflow: hidden;}
.f9-4{position: absolute;top: 0%;left: -100%;}
.f9-4-2{position: absolute;top: 28%;left: 34%;opacity: 0;}
.page-current .f9-1{animation: f9-1 0.6s linear 0s both;-webkit-animation: f9-1 0.6s linear 0s both;-moz-animation: f9-1 0.6s linear 0s both;-o-animation: f9-1 0.6s linear 0s both;}
.page-current .f9-2{animation: f9-2 0.6s linear 2s both;-webkit-animation: f9-2 0.6s linear 2s both;-moz-animation: f9-2 0.6s linear 2s both;-o-animation: f9-2 0.6s linear 2s both;}
.page-current .f9-4{animation: f9-4 1s linear 0.8s both;-webkit-animation: f9-4 1s linear 0.8s both;-moz-animation: f9-4 1s linear 0.8s both;-o-animation: f9-4 1s linear 0.8s both;}
.page-current .f9-4-2{animation: f9-4-2 0.2s linear 1.8s both;-webkit-animation: f9-4-2 0.2s linear 1.8s both;-moz-animation: f9-4-2 0.2s linear 1.8s both;-o-animation: f9-4-2 0.2s linear 1.8s both;}
@keyframes f9-1{
	0%   {left: 0%;opacity: 0;}
	100% {left:9.6%;opacity: 1;}
}
@-moz-keyframes f9-1 /* Firefox */{
	0%   {left: 0%;opacity: 0;}
	100% {left:9.6%;opacity: 1;}
}
@-webkit-keyframes f9-1 /* Safari 和 Chrome */{
	0%   {left: 0%;opacity: 0;}
	100% {left:9.6%;opacity: 1;}
}
@-o-keyframes f9-1 /* Opera */{
	0%   {left: 0%;opacity: 0;}
	100% {left:9.6%;opacity: 1;}
}
@keyframes f9-2{
	0%   {right: 0%;opacity: 0;}
	100% {right:20%;opacity: 1;}
}
@-moz-keyframes f9-2 /* Firefox */{
	0%   {right: 0%;opacity: 0;}
	100% {right:20%;opacity: 1;}
}
@-webkit-keyframes f9-2 /* Safari 和 Chrome */{
	0%   {right: 0%;opacity: 0;}
	100% {right:20%;opacity: 1;}
}
@-o-keyframes f9-2 /* Opera */{
	0%   {right: 0%;opacity: 0;}
	100% {right:20%;opacity: 1;}
}
@keyframes f9-4{
	0%   {left: -100%;}
	100% {left:0%;}
}
@-moz-keyframes f9-4 /* Firefox */{
	0%   {left: -100%;}
	100% {left:0%;}
}
@-webkit-keyframes f9-4/* Safari 和 Chrome */{
	0%   {left: -100%;}
	100% {left:0%;}
}
@-o-keyframes f9-4 /* Opera */{
	0%   {left: -100%;}
	100% {left:0%;}
}

@keyframes f9-4-2{
	0%   {top: 0%;opacity: 0;}
	100% {top:28%;opacity: 1;}
}
@-moz-keyframes f9-4-2 /* Firefox */{
	0%   {top: 0%;opacity: 0;}
	100% {top:28%;opacity: 1;}
}
@-webkit-keyframes f9-4-2/* Safari 和 Chrome */{
	0%   {top: 0%;opacity: 0;}
	100% {top:28%;opacity: 1;}
}
@-o-keyframes f9-4-2 /* Opera */{
	0%   {top: 0%;opacity: 0;}
	100% {top:28%;opacity: 1;}
}

.f9-5{position: absolute;top: 50.9%;left: 9.6%;opacity: 0;}
.f9-6{position: absolute;top: 55.1%;right: 23.3%;opacity: 0;}
.f9-7{position: absolute;top: 66.7%;left: 7.6%;}
.f9-8-1{width: 73.3%;position: absolute;left:15.8%;top: 72%;height: 5.8%;overflow: hidden;}
.f9-8{position: absolute;top: 0%;left: -100%;}
.f9-8-2{position: absolute;top: 28%;left: 34%;opacity: 0;}
.page-current .f9-5{animation: f9-1 0.6s linear 2.2s both;-webkit-animation: f9-1 0.6s linear 2.2s both;-moz-animation: f9-1 0.6s linear 2.2s both;-o-animation: f9-1 0.6s linear 2.2s both;}
.page-current .f9-6{animation: f9-2 0.6s linear 4.2s both;-webkit-animation: f9-2 0.6s linear 4.2s both;-moz-animation: f9-2 0.6s linear 4.2s both;-o-animation: f9-2 0.6s linear 4.2s both;}
.page-current .f9-8{animation: f9-4 1s linear 3s both;-webkit-animation: f9-4 1s linear 3s both;-moz-animation: f9-4 1s linear 3s both;-o-animation: f9-4 1s linear 3s both;}
.page-current .f9-8-2{animation: f9-4-2 0.2s linear 4s both;-webkit-animation: f9-4-2 0.2s linear 4s both;-moz-animation: f9-4-2 0.2s linear 4s both;-o-animation: f9-4-2 4s linear 1.8s both;}

/*第七页*/
.f8-1{position: absolute;top: 3.7%;left: 24%;width: 52%;opacity: 0;}
.page-current .f8-1{animation: f2-1 1s linear 0s both;-webkit-animation: f2-1 1s linear 0s both;-moz-animation: f2-1 1s linear 0s both;-o-animation: f2-1 1s linear 0s both;}
.f8-1-1{position: absolute;top: 0;left: 0;}
.f8-1-2{position: absolute;top: 0;left: 0;animation: star1 1s linear 0s infinite alternate;-webkit-animation: star1 1s linear 0s infinite alternate;-moz-animation: star1 1s linear 0s infinite alternate;-o-animation: star1 1s linear 0s infinite alternate;}
.f8-2{position: absolute;top: 11%;left: 0;}
.f8-3{position: absolute;top: 11%;left: 0;}
.f8-4{position: absolute;top: 11%;left: 0;}
.f8-5{position: absolute;top: 11%;left: 0;width: 100%;}
.f8-6{position: absolute;bottom: 20%;left: 0;visibility: hidden;}

.xz1{position: absolute;top: 14%;right: 37%; opacity: 0;}
.xz2{position: absolute;top: 21.5%;right: 22.5%;opacity: 0;}
.xz3{position: absolute;top: 36.5%;right: 15%;opacity: 0;}
.xz4{position: absolute;top: 51%;right: 15%;opacity: 0;}
.xz5{position: absolute;top: 65%;right: 22.5%;opacity: 0;}
.xz6{position: absolute;top: 73.5%;right: 36%;opacity: 0;}
.xz7{position: absolute;top: 73.5%;right: 52%;opacity: 0;}
.xz8{position: absolute;top: 65%;right: 65.5%;opacity: 0;}
.xz9{position: absolute;top: 51%;right: 74%;opacity: 0;}
.xz10{position: absolute;top: 36.5%;right: 74%;opacity: 0;}
.xz11{position: absolute;top: 21.5%;right: 65.5%;opacity: 0;}
.xz12{position: absolute;top: 14%;right: 51%;opacity: 0;}
.sz1{position: absolute;top: 32%;right: 42.5%;opacity: 0;}
.sz2{position: absolute;top: 36.5%;right: 34.5%;opacity: 0;}
.sz3{position: absolute;top: 44.5%;right: 30%;opacity: 0;}
.sz4{position: absolute;top: 53.5%;right: 30%;opacity: 0;}
.sz5{position: absolute;top: 61%;right: 34%;opacity: 0;}
.sz6{position: absolute;top: 65%;right: 42.5%;opacity: 0;}
.sz7{position: absolute;top: 65%;right: 51.4%;opacity: 0;}
.sz8{position: absolute;top: 61%;right: 59.5%;opacity: 0;}
.sz9{position: absolute;top: 53.5%;right: 63.5%;opacity: 0;}
.sz10{position: absolute;top: 44.5%;right: 63.5%;opacity: 0;}
.sz11{position: absolute;top: 36.5%;right: 60%;opacity: 0;}
.sz12{position: absolute;top: 32%;right: 51.4%;opacity: 0;}
.page-current .xz1{animation: f2-2 0.2s linear 0.2s both;-webkit-animation: f2-2 0.2s linear 0.2s both;-moz-animation: f2-2 0.2s linear 0.2s both;-o-animation: f2-2 0.2s linear 0.2s both;}
.page-current .xz2{animation: f2-2 0.2s linear 0.4s both;-webkit-animation: f2-2 0.2s linear 0.4s both;-moz-animation: f2-2 0.2s linear 0.4s both;-o-animation: f2-2 0.2s linear 0.4s both;}
.page-current .xz3{animation: f2-2 0.2s linear 0.6s both;-webkit-animation: f2-2 0.2s linear 0.6s both;-moz-animation: f2-2 0.2s linear 0.6s both;-o-animation: f2-2 0.2s linear 0.6s both;}
.page-current .xz4{animation: f2-2 0.2s linear 0.8s both;-webkit-animation: f2-2 0.2s linear 0.8s both;-moz-animation: f2-2 0.2s linear 0.8s both;-o-animation: f2-2 0.2s linear 0.8s both;}
.page-current .xz5{animation: f2-2 0.2s linear 1s both;-webkit-animation: f2-2 0.2s linear 1s both;-moz-animation: f2-2 0.2s linear 1s both;-o-animation: f2-2 0.2s linear 1s both;}
.page-current .xz6{animation: f2-2 0.2s linear 1.2s both;-webkit-animation: f2-2 0.2s linear 1.2s both;-moz-animation: f2-2 0.2s linear 1.2s both;-o-animation: f2-2 0.2s linear 1.2s both;}
.page-current .xz7{animation: f2-2 0.2s linear 1.4s both;-webkit-animation: f2-2 0.2s linear 1.4s both;-moz-animation: f2-2 0.2s linear 1.4s both;-o-animation: f2-2 0.2s linear 1.4s both;}
.page-current .xz8{animation: f2-2 0.2s linear 1.6s both;-webkit-animation: f2-2 0.2s linear 1.6s both;-moz-animation: f2-2 0.2s linear 1.6s both;-o-animation: f2-2 0.2s linear 1.6s both;}
.page-current .xz9{animation: f2-2 0.2s linear 1.8s both;-webkit-animation: f2-2 0.2s linear 1.8s both;-moz-animation: f2-2 0.2s linear 1.8s both;-o-animation: f2-2 0.2s linear 1.8s both;}
.page-current .xz10{animation: f2-2 0.2s linear 2s both;-webkit-animation: f2-2 0.2s linear 2s both;-moz-animation: f2-2 0.2s linear 2s both;-o-animation: f2-2 0.2s linear 2s both;}
.page-current .xz11{animation: f2-2 0.2s linear 2.2s both;-webkit-animation: f2-2 0.2s linear 2.2s both;-moz-animation: f2-2 0.2s linear 2.2s both;-o-animation: f2-2 0.2s linear 2.2s both;}
.page-current .xz12{animation: f2-2 0.2s linear 2.4s both;-webkit-animation: f2-2 0.2s linear 2.4s both;-moz-animation: f2-2 0.2s linear 2.4s both;-o-animation: f2-2 0.2s linear 2.4s both;}

.page-current .sz1{animation: f2-2 0.2s linear 2.6s both;-webkit-animation: f2-2 0.2s linear 2.6s both;-moz-animation: f2-2 0.2s linear 2.6s both;-o-animation: f2-2 0.2s linear 2.6s both;}
.page-current .sz2{animation: f2-2 0.2s linear 2.8s both;-webkit-animation: f2-2 0.2s linear 2.8s both;-moz-animation: f2-2 0.2s linear 2.8s both;-o-animation: f2-2 0.2s linear 2.8s both;}
.page-current .sz3{animation: f2-2 0.2s linear 3s both;-webkit-animation: f2-2 0.2s linear 3s both;-moz-animation: f2-2 0.2s linear 3s both;-o-animation: f2-2 0.2s linear 3s both;}
.page-current .sz4{animation: f2-2 0.2s linear 3.2s both;-webkit-animation: f2-2 0.2s linear 3.2s both;-moz-animation: f2-2 0.2s linear 3.2s both;-o-animation: f2-2 0.2s linear 3.2s both;}
.page-current .sz5{animation: f2-2 0.2s linear 3.4s both;-webkit-animation: f2-2 0.2s linear 3.4s both;-moz-animation: f2-2 0.2s linear 3.4s both;-o-animation: f2-2 0.2s linear 3.4s both;}
.page-current .sz6{animation: f2-2 0.2s linear 3.6s both;-webkit-animation: f2-2 0.2s linear 3.6s both;-moz-animation: f2-2 0.2s linear 3.6s both;-o-animation: f2-2 0.2s linear 3.6s both;}
.page-current .sz7{animation: f2-2 0.2s linear 3.8s both;-webkit-animation: f2-2 0.2s linear 3.8s both;-moz-animation: f2-2 0.2s linear 3.8s both;-o-animation: f2-2 0.2s linear 3.8s both;}
.page-current .sz8{animation: f2-2 0.2s linear 4s both;-webkit-animation: f2-2 0.2s linear 4s both;-moz-animation: f2-2 0.2s linear 4s both;-o-animation: f2-2 0.2s linear 4s both;}
.page-current .sz9{animation: f2-2 0.2s linear 4.2s both;-webkit-animation: f2-2 0.2s linear 4.2s both;-moz-animation: f2-2 0.2s linear 4.2s both;-o-animation: f2-2 0.2s linear 4.2s both;}
.page-current .sz10{animation: f2-2 0.2s linear 4.4s both;-webkit-animation: f2-2 0.2s linear 4.4s both;-moz-animation: f2-2 0.2s linear 4.4s both;-o-animation: f2-2 0.2s linear 4.4s both;}
.page-current .sz11{animation: f2-2 0.2s linear 4.6s both;-webkit-animation: f2-2 0.2s linear 4.6s both;-moz-animation: f2-2 0.2s linear 4.6s both;-o-animation: f2-2 0.2s linear 4.6s both;}
.page-current .sz12{animation: f2-2 0.2s linear 4.8s both;-webkit-animation: f2-2 0.2s linear 4.8s both;-moz-animation: f2-2 0.2s linear 4.8s both;-o-animation: f2-2 0.2s linear 4.8s both;}

.page-current .f8-3{ animation: f8-3 1s linear 0s both;-webkit-animation: f8-3 4.8s linear 0s both;-moz-animation: f8-3 1.5s linear 0s both;-o-animation: f8-3 1.5s linear 0s both;}
.page-current .f8-4{ animation: f8-4 1s linear 0s both;-webkit-animation: f8-4 4.8s linear 0s both;-moz-animation: f8-4 1.5s linear 0s both;-o-animation: f8-4 1.5s linear 0s both;}
.page-current .f8-6{animation: f8-6 0.8s linear 4.8s both;-webkit-animation: f8-6 0.8s linear 4.8s both;-moz-animation: f8-6 0.8s linear 4.8s both;-o-animation: f8-6 0.8s linear 4.8s both;visibility: hidden;}
@keyframes f8-3{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
}
@-moz-keyframes f8-3 /* Firefox */{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
}

@-webkit-keyframes f8-3 /* Safari 和 Chrome */{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
}

@-o-keyframes f8-3 /* Opera */{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(-360deg);-ms-transform:rotate(-360deg);/* IE 9 */-moz-transform:rotate(-360deg); /* Firefox */-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */-o-transform:rotate(-360deg); /* Opera */}
}
@keyframes f8-4{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(-360deg);-ms-transform:rotate(-360deg);/* IE 9 */-moz-transform:rotate(-360deg); /* Firefox */-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */-o-transform:rotate(-360deg); /* Opera */}
}
@-moz-keyframes f8-4 /* Firefox */{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(-360deg);-ms-transform:rotate(-360deg);/* IE 9 */-moz-transform:rotate(-360deg); /* Firefox */-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */-o-transform:rotate(-360deg); /* Opera */}
}

@-webkit-keyframes f8-4 /* Safari 和 Chrome */{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(-360deg);-ms-transform:rotate(-360deg);/* IE 9 */-moz-transform:rotate(-360deg); /* Firefox */-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */-o-transform:rotate(-360deg); /* Opera */}
}

@-o-keyframes f8-4 /* Opera */{
	0%   {transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg); /* Opera */}
	100% {transform:rotate(-360deg);-ms-transform:rotate(-360deg);/* IE 9 */-moz-transform:rotate(-360deg); /* Firefox */-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */-o-transform:rotate(-360deg); /* Opera */}
}

@keyframes f8-6{
	0%   {bottom: 10%;opacity: 0;visibility: visible;}
	100% {bottom: 20%;opacity: 1;visibility: visible;}
}
@-moz-keyframes f8-6 /* Firefox */{
	0%   {bottom: 10%;opacity: 0;visibility: visible;}
	100% {bottom: 20%;opacity: 1;visibility: visible;}
}
@-webkit-keyframes f8-6 /* Safari 和 Chrome */{
	0%   {bottom: 10%;opacity: 0;visibility: visible;}
	100% {bottom: 20%;opacity: 1;visibility: visible;}
}
@-o-keyframes f8-6 /* Opera */{
	0%   {bottom: 10%;opacity: 0;visibility: visible;}
	100% {bottom: 20%;opacity: 1;visibility: visible;}
}

@media (min-width: 320px) and (max-height: 480px) {
	.f8-6{position: absolute;bottom:17% ;left: 0;visibility: hidden;}
	@keyframes f8-6{
		0%   {bottom: 7%;opacity: 0;visibility: visible;}
		100% {bottom: 17%;opacity: 1;visibility: visible;}
	}
	@-moz-keyframes f8-6 /* Firefox */{
		0%   {bottom: 7%;opacity: 0;visibility: visible;}
		100% {bottom: 17%;opacity: 1;visibility: visible;}
	}
	@-webkit-keyframes f8-6 /* Safari 和 Chrome */{
		0%   {bottom: 7%;opacity: 0;visibility: visible;}
		100% {bottom: 17%;opacity: 1;visibility: visible;}
	}
	@-o-keyframes f8-6 /* Opera */{
		0%   {bottom: 7%;opacity: 0;visibility: visible;}
		100% {bottom: 17%;opacity: 1;visibility: visible;}
	}
}
@media (min-width: 320px) and (max-height: 480px) {
	.f8-2{position: absolute;top: 5%;left: 0;}
	.f8-3{position: absolute;top: 5%;left: 0;}
	.f8-4{position: absolute;top: 5%;left: 0;}
	.f8-5{position: absolute;top: 5%;left: 0;width: 100%;}
}


/*{-webkit-;-moz-;-o-;}*/
/*
 @media (min-width: 320px) and (max-height: 480px) {
	
}
 */